gpt4 book ai didi

javascript - NaN,运行 BMI 计算器时

转载 作者:行者123 更新时间:2023-11-28 04:52:51 25 4
gpt4 key购买 nike

我做错了什么?根据教科书的示例,这应该是足够的代码,但在浏览器中运行它时我得到 NaN。

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8"/>
<html>
<head>
<title>test</title>
</head>
<body>

<p>Vekt: <input type="text" id="txtVekt" /></p>
<p>Hoyde: <input type="text" id="txtHoyde" /></p>
<button id="btnBeregn">Beregn</button>
<p id="resultat"></p>

<script>
window.onload = beregn();


function beregn(){
var hoyde = document.getElementById("txtHoyde").value;
var vekt = document.getElementById("txtVekt").value;

var bmi = vekt / (hoyde * vekt);

document.getElementById("resultat").innerHTML = "Din BMI er: " + bmi;
}

</script>

</body>
</html>

最佳答案

  1. 首次运行该函数时,您的值未初始化
  2. 确实没有必要运行函数onload,尤其是因为你的值没有初始化。请注意,我的代码删除了 onload 调用。

单击按钮即可运行计算。您可能还想在运行该函数之前添加一些验证,但我会将这个练习留给您。

  <body>
<p>Vekt: <input type="text" id="txtVekt" /></p>
<p>Hoyde: <input type="text" id="txtHoyde" /></p>
<button id="btnBeregn" onclick="beregn();" >Beregn</button>
<p id="resultat"></p>

<script>
function beregn(){
var hoyde = document.getElementById("txtHoyde").value;
var vekt = document.getElementById("txtVekt").value;

//this assumes your inputs are valid numbers...
var bmi = vekt / (hoyde * vekt);

document.getElementById("resultat").innerHTML = "Din BMI er: " + bmi;
}

</script>

</body>

关于javascript - NaN,运行 BMI 计算器时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42772310/

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