我试图创建一个心率区计算器,但它不会显示计算结果。我是新来的JavaScript和HTML(来自java背景),所以任何帮助和建设性的批评,铭记这是值得赞赏的!javascript/html不会显示计算结果
<html>
<head>
<title>BMI Calculator</title>
<script type="text/javascript">
function CalculateBMI()
{
//Obtain user inputs
var Intensity = Number(document.getElementById("Intensity").value);
var select_intensity = document.getElementById("select_intensity").value;
var Age = Number(document.getElementById("Age").value);
//Perform calculation based on intensity
if (select_intensity == "Moderate") {
var output = (220-Age)*.5;
var output2 = (220-Age)*.7;
}
if (select_intensity == "High Intensity") {
output = (220 - Age) * .7;
output2 = (220 - Age) * .85;
}
//Display result of calculation
document.getElementById("output").innerHTML=output " to " output2;
}
</script>
</head>
<body>
<h1>Heart Rate Zone Calculator</h1>
<p>Select Your Workout Intensity: <select type="multiple" id="Intensity">
<option value="Moderate"selected="selected">Moderate</option>
<option value="High Intensity">High Intensity</option>
</select>
</p>
<p>Enter your age: <input type="text" id="Age"/>
</p>
<input type="submit" value="Calculate Target Heart Rate" onclick="CalculateBMI();">
<h1>Your Target Heart Rate Zone Is: <span id="output" >?</span></h1>
</body>
你想把你的脚本放在body里面,但在HTML div之后。 – httpNick
你错过了'document.getElementById(“output”)。innerHTML = output“到output2;' – j08691
的竞争者('+')我试过了这两个建议,不幸的是它仍然没有显示答案 – ncrouch25