gpt4 book ai didi

javascript - BMI 计算器...但 BMI 不会显示

转载 作者:行者123 更新时间:2023-11-28 13:53:48 27 4
gpt4 key购买 nike

大家晚上好:>

我目前正在尝试完成一个简单的 BMI 计算器的代码。问题是,当我在浏览器中输入高度和体重时,它不会显示 BMI 读数。我 99% 确信我的 HTML 是可靠的,只是 Javascript 似乎导致了问题。如果我能就此事提供任何意见,我将不胜感激。谢谢!

<!DOCTYPE HTML>
<html>
<head>
<title>BMI Calculator</title>
<script type="text/javascript">
/* <![CDATA[ */
function calculate() {

var height = document.getElementById("height");
var weight = document.getElementById("weight") * 703;
var denom = Math.pow(height, 2);
var totalbmi = weight/denom;
var bmi = document.getElementById("bmi");
if (isFinite(bmi)) {
bmi.innerHTML = totalbmi.toFixed(2);
}
}
/* ]]> */
</script>
<style type="text/css">
<!--
.result {font-weight: bold; }
-->
</style>
</head>
<body>
<form name="details">
<table>
<tr>
<td>Height<br />
(in Inches)</td>
<td><input type="text" size="3" id="height" onChange="calculate();"/></td>
</tr>
<tr>
<td>Weight<br />
(in Pounds)</td>
<td><input type="text" size="3" id="weight" onChange="calculate();"/></td>
</tr>
<tr>
<td><input type="button" value="My BMI" onClick="calculate();"/></td>
</tr>
</table>
</table>
<table width="270">
<tr>
<td width="104">Your BMI is:</td>
<td width="154"><input type="text" id="totalbmi"></span></td>
</tr>
</table>
</form>
</body>
</html>

最佳答案

它不会更新任何内容,因为您有 var bmi = document.getElementById("bmi");当它应该是 var bmi = document.getElementById("totalbmi");

关于javascript - BMI 计算器...但 BMI 不会显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9255942/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com