Boa tarde! Terminei meu curso de Lógica 1 e gostaria de modificar o código feito em aula para calcular o IMC. Em vez de exibir alertas, gostaria de colocar campos para o usuário inserir suas informações. Tenho uma certa parte do código, mas preciso de ajuda para termina-lo.
<meta charset = "UTF-8">
<h1>Calcule seu IMC! </h1>
<input class="peso">
Insira seu peso
<br><br>
<input class="altura">
Insira sua altura
<br><br>
<button> Calcular </button>
<script>
function pulaLinha () {
document.write ('<br>');
}
function imprime (texto) {
document.write (texto);
}
function calculoIMC (peso,altura) {
return peso/ (altura*altura);
}
var peso = document.querySelector ('.peso');
var altura = document.querySelector ('.altura');
var button = document.querySelector ('button');
function resultado (calculoIMC) {
calculoIMC (); {
if (calculoIMC < 18.5) {
imprime("Você está abaixo do peso");
}
if (calculoIMC >= 30 && calculoIMC <= 34.9) {
imprime("Voce está obeso grau 1");
}
if (calculoIMC >= 18.5 && calculoIMC <= 24.9) {
imprime("Seu peso é o ideal");
}
if (calculoIMC >= 25 && calculoIMC <= 29.9) {
imprime("Você está com sobrepeso");
}
if (calculoIMC >= 35 && calculoIMC <= 39.9) {
imprime("Você está obeso grau 2");
}
if (calculoIMC > 40) {
imprime("Você está obeso grau 3");
}
}
}
button.onclick = resultado;
imprime (resultado);
</script>