Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Como trabalhar com mais de um <input> e input.value?

Boa noite pessoal!

Como trabalhar com mais de um input e input.value e associa-los?

<meta charset="UTF-8">

NOME <input/><br><br>
ALTURA <input/><br><br>
PESO <input><br><br>
<Button>Resultado do seu IMC</Button>




<script>

    function pulaLinha() {

        document.write("<br><br>");

}

    function mostra(frase) {

        document.write(frase);
        pulaLinha();
}

    function calculaImc(altura, peso) {

        return peso / (altura * altura);
}

var nome = document.querySelector("input");
var alturaInformada = document.querySelector("input");
var pesoInformado = document.querySelector("input")

var imc = calculaImc(alturaInformada, pesoInformado);



function verifica() {

if(imc <18.5) {
    alert (" Você está abaixo do recomendado")
}

if(imc >35) {
    alert("Você está acimda do recomendado")
}
if(imc >=18.5 && imc <= 35) {
        alert("Seu IMC está excelente!");
    }
    mostra(nome + ", o seu IMC é " + imc);
}
var button = document.querySelector("button");
button.onclick = verifica


</script>
3 respostas
solução!

Bom dia!

De um ID para cada input, ex.:<id="nome">

Depois, capture usando .querySelector("#nome"); , querySelector("#peso");

Ex.:

<input type="text" id="dado1">
<input type="text" id="dado2">

var numero1 = document.querySelector('#dado1').value; // pegando o valor digitado no 1°input
var numero2 = document.querySelector('#dado2').value; // pegando o valor digitado no 2°input

Assim, você conseguirá trabalhar com vários inputs.

Bons estudos!

Fala, Clayton! Tudo bem contigo?

Temos aqui no fórum, um exemplo que possa e ajudar!

Um abraço e bons estudos, Clayton!!!

Muito obrigado pela ajuda THIAGO TREVISAN ANGELICO e Cássio Murilo;