Para um trabalho da faculdade meu professor pediu para criarmos um código que pedisse pelo nome, altura e peso, convertesse a altura e peso de int para float, fizesse o calculo do imc e retornasse o valor assim como a categoria na qual o usuário se enquadraria. meu código não roda, quando coloco os valores no input ele apenas recarrega a página. preciso de uma ajuda para descobrir o que fiz de errado, obrigada.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<html lang="pt-br">
<title> Indice de massa corporal </title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<form id="form1">
<label> Nome </label>
<input type="text" id="nome" placeholder="nome">
<label> Qual sua altura? </label>
<input type="int" id="altura" placeholder="altura">
<label> Qual seu peso? </label>
<input type="int" id="peso" placeholder="peso">
<input type="submit" value="enviar" onclick="IMC">
</div>
<script type="text/javascript">
function IMC() {
var altura = document.getElementById("altura").value;
var peso = document.getElementById("peso").value;
var m = peso / altura * altura;
parseFloat(altura);
parseFloat(peso);
if (m < 16){
var i = 'Baixo peso muito grave';
} else if (m > 16 && m < 16.99) {
var i = 'Baixo peso grave';
} else if (m > 17 && m < 18.49) {
var i = 'Baixo peso';
} else if (m > 18.50 && m < 24.99) {
var i = 'Peso normal';
} else if (m > 24 && m < 29.99) {
var i = 'Sobrepeso';
} else if (m > 30 && m < 34.99) {
var i = 'Obesidade de primeiro grau';
} else if (m > 35 && m < 39.99) {
var i = 'Obesidade de segundo grau';
} else if (m > 40) {
var i = 'Obesidade de terceiro grau';
}
document.write(nome + " possui indice de massa corporal igual a " + m + "sendo classificado como" + i);
}
</script>
</form>
</body>
</html>