Valores input desaparecem

Olá, estou tendo problemas com o código abaixo. Funciona, mas os valores aparecem e desaparecem do input quando eu clico em convert. Por que isso acontece? Estou começando com js agora

<!DOCTYPE html>
<html> 
<head>
	<title>Conversor</title>
	<script>

	function convert(celsius){
		var fahrenheit = ((celsius * 9) / 5) + 32;
		document.getElementById('fahrenheit').value = fahrenheit;
	}	

	</script>
</head>
<body> 

<form>
	Celsius: <input type="text" name="celsius" id="celsius"><br>
	Fahrenheit: <input type="text" name="fahrenheit" id="fahrenheit"><br>
	<input type="submit" value="Convert" onclick="convert(document.getElementById('celsius').value)">
</form>

</body> 
</html>

no tipo do seu botão mude de submit para button, o submit espera mandar via get ou post o formulário e então ele atualiza a pagina automaticamente

1 curtida