个人中心
gpt4 book ai didi

JavaScript BMI 计算器

转载 作者：行者123 更新时间：2023-12-03 06:02:31 26 4
gpt4 key购买 nike

在 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/

26 4 0
文章推荐： youtube - 更新政策最近的Feed
文章推荐： asp.net-mvc - Windows Azure 服务总线通知中心仅接收部分通知
文章推荐： clojure - 如何执行系统命令？
文章推荐： android - 如何使用 gradle 获取 adb shell 命令的输出？
行者123
个人简介

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

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