Question

我想编写一个BMI计算器，我是javascript新手，所以对我来说是个小任务。我已经准备好HTML代码，并链接了js文件。

在javascript文件中，我声明了2个接受用户输入的变量。然后我将结果声明为变量。之后，我做了一个功能，可以在页面上显示该结果。但是我无法使它工作。我只能在结果变量中输入1个id。

我如何使它工作？

谢谢！

当我按下按钮时，它只会显示Weight，而不显示(Number(inputWeight)) / (Number(inputLength) * Number(inputLength))；

这就是计算BMI的公式。

                <form name="myForm">

                <div class="form-item">
                <label class="form-label">Length (in cm):</label>
                <input type="number" class="form-input" name="length" placeholder="Type your length" id="length">
                </div>

                <div class="form-item">
                <label class="form-label">Weight (in kg):</label>
                <input type="number" class="form-input" name="weight" placeholder="Type your weight" id="weight">
                </div>

                <div class="form-button">
                    <input class="button" id="submit-bmi" value="calculate" type="submit" onclick="displayBMI(); return false">
                </div>

                <p id="result" class="bmi-calculator__result js-bmiresult"></p>

            </form>

javascript：

var inputLength = document.getElementById('length'); 
var inputWeight = document.getElementById('weight'); 
var totalBMI = (Number(inputWeight)) / (Number(inputLength) * Number(inputLength)); 

function displayBMI() { 
document.getElementById('result').innerHTML = "Your BMI is: " + 
   document.myForm.weight.value; 
}

Answer 1

<script>
 function displayBMI()
  {
    var length = Number(document.getElementById("length").value);
    var weight  = Number(document.getElementById("weight").value);
    var result = weight/(length * length);
    document.getElementById("result").innerHTML = result ;

  }
</script>

您只需将此脚本插入代码中即可。

如何计算用户输入并在同一页面上显示（javascript）

1 个答案: