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

[Dúvida] Resgatar valores do HTML via input

Pessoal, boa tarde! Estou com dificuldades em criar aqui um código para coletar dados de campos "input" no HTML e executar no JS, uma calculadora de IMC. Depois de muito tentar acabei jogando a toalha e vindo pedir ajuda aqui, se alguém puder dar umas dicas eu agradeço!! Obrigado!!!

<body>
    Nome: <input id="nome" type="text"> <br>
    Altura: <input id="altura" type="number"> <br>
    Peso: <input id="peso" type="number">
    <button onclick="calculaIMC(nome, peso, altura)">OK</button>

    <script>

        //fórmula IMC = peso/altura*altura
        function calculaIMC(nome, peso, altura){
            var nome = document.getElementById("nome") 
            var peso = document.getElementById("altura") 
            var altura = document.getElementById("peso")
            var imcCalculado = peso/altura**2
            document.write(nome + " o seu IMC é: " + imcCalculado )
        }

    </script>
</body>
2 respostas
solução!

Oi Rodrigo, faltou "value" e alguns detalhes

<body>
    Nome: <input id="nome" type="text"> <br>
    Altura: <input id="altura" type="number"> <br>
    Peso: <input id="peso" type="number">
    <button onclick="calculaIMC()">OK</button>

    <script>

        //fórmula IMC = peso/altura*altura
        function calculaIMC(){
            let nome = document.getElementById("nome") .value
            let altura = document.getElementById("altura").value
            let peso = document.getElementById("peso").value
            let imcCalculado = peso/altura**2
            document.write(nome + " o seu IMC é: " + imcCalculado )
        }

    </script>
</body>

Obrigado Luis!! Ajudou demais!