在 JSFiddle 中打印任何内容时遇到困难,尽管一切看起来对我来说都是正确的。我不确定为什么 HTML 不显示答案,但欢迎任何帮助。谢谢!
HTML:
<h2>BMI Calculator</h2>
<p>
Enter your weight in pounds:
<input type="text" id="weight">
</p>
<p>
Enter your height in inches:
<input type="text" id="height">
</p>
<input type="button" onclick="bmiCalculator()" value="calculate">
<p id="output"></p>
Javascript:
function bmiCalculator() {
var weight = Number(document.getElementById("weight").value);
var height = Number(document.getElementById("height").value);
var finalWeight = weight * .45;
var finalHeight = height * .025;
var BMI = (finalWeight / Math.pow(finalHeight, 2));
document.getElementById("output").innerHTML = BMI;
}
最佳答案
您的代码中存在语法错误(您的 BMI 表达式中缺少右括号)。
这是固定代码(我刚刚在需要的地方添加了 )
),在我看来工作正常。
function bmiCalculator() {
var weight = Number(document.getElementById("weight").value);
var height = Number(document.getElementById("height").value);
var finalWeight = weight * .45;
var finalHeight = height * .025;
var BMI = (finalWeight / Math.pow(finalHeight, 2));
document.getElementById("output").innerHTML = BMI;
}
<h2>
BMI Calculator
</h2>
<p>
Enter your weight in pounds:
<input type="text" id="weight">
</p>
<p>
Enter your height in inches:
<input type="text" id="height">
</p>
<input type="button" onclick="bmiCalculator()" value="calculate">
<p id="output" ></p>
注意:此代码将无法在 jsfiddle.net 上运行,除非 Javascript 选项加载类型设置为 No wrap - in <body>
我发现这要归功于另一个堆栈:Onclick event not firing on jsfiddle.net
关于JavaScript BMI 计算器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39697924/