1
resposta

Criei um programa que calcula IMC com o input.

Eu tive que pesquisar como pegar o valor de dois inputs diferentes, achei um post sobre isso aqui mesmo no Alura. Eu sinceramente não se vi algo antes da hora, mas eu consegui fazer o programa rodar depois de pensar e espiar o código alheio, e vi que errava detalhes bobos. Obs: Não consigo zerar os valores do input depois que eu faço as contas.

<meta charset="UTF-8">

<! –//Eu já tinha visto esse sistema de Id e class do HTML quando estudei a muito tempo atrás, eu imaginei que era assim que era feito para criar dois inputs diferentes, só não sabia que era feito dessa forma.–>

Peso:<input type="number" id="peso" name="peso">
Altura:<input type="number" id="altura" name="altura">
<button>IMC</button>

<script>

   var input = document.querySelector("input");
   input.focus();

   function imcCalculado(){

    //Eu não conhecia esse "document.getElementById", mas só pelo nome da para entender a sua função. 

        var input_peso = document.getElementById("peso");
        var input_altura = document.getElementById("altura");

    //Confesso que dei uma vacilada aqui, pois era óbvio que os valores a serem cáculados era o valor dos inputs, porém coloquei só "input_peso", depois percebi o erro e corrigi.

        var imc = input_peso.value/(input_altura.value**2);

        alert(imc.toFixed(2));     
   }
   var button = document.querySelector("button");
   button.onclick = imcCalculado;


</script>
1 resposta

Para zerar os valores:

input_peso.value = 0;
input_altura.value = 0;