Started learning JS. Faced the problem that the result that should output JS is not displayed. What can be done with this problem?

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload=init; function init(){ var button=document.getElementById("butt"); button.onclick=buttonHandler; } function buttonHandler(){ var feet = document.getElementById("feet"); var f=feet.value; var weight= document.getElementById("weight"); var w=weight.value; var result=document.getElementById("result"); var r=w+f; result.innerHTML=r; } </script> </head> <body> <h1>Форма JS</h1> <form action="#" id="bmiCalculator"> <label for="feet" for="inches">Height:</label> <input type="text" id="feet"> feet<br> <label for="pounds">Weight:</label> <input type="text" id="pounds">pounds <br><br> <input type="button" id="butt" value="Calculate!"> </form> <p>Your BMI: <output id="result"></output></p> </body> </html>

    1 answer 1

    You have the wrong value in getElementById. You specified getElementById ("weight"), and you have an element called pounds: <input type="text" id="pounds">pounds <br> You need this:

     var weight= document.getElementById("weight");

    replace with this:

     var weight= document.getElementById("pounds");

    And everything will work.