个人中心
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
文章推荐： javascript - 我如何关注以声明方式提交的第一个无效表格？
文章推荐： javascript - PHP 中的 Jquery div 填充只是重定向到 PHP 页面？
文章推荐： javascript - 如何在运行 javascript 函数后修改 html 页面
文章推荐： css - 将省略号添加到表列内的 div
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com