Javascript BMI計算器

無法在JSFiddle中打印任何內容，儘管一切看起來都適合我。我不確定HTML爲什麼不顯示答案，但歡迎任何幫助。謝謝！Javascript BMI計算器

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; 
}

來源

2016-09-26 Ian

始終使用控制檯/調試工具。它會爲你節省很多頭痛。 –

。在你的代碼中的語法錯誤（你缺少你的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

來源

2016-09-26 08:28:28

有趣的是，它在我通過這個網站運行時起作用，但是當我嘗試在JSFiddle上運行時，它似乎沒有顯示答案。 – Ian

確實......沒有試過......我正在研究它。 –

哈哈！得到它了！我會編輯我的答案來解釋:) –

您忘記了)

var BMI = (finalWeight/Math.pow(finalHeight, 2);

應該

var BMI = (finalWeight/Math.pow(finalHeight, 2));

來源

2016-09-26 08:28:54

你缺少一個在你的代碼 '）'。更新你的腳本與此

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; 

     }

希望這將有助於:)

來源

2016-09-26 08:30:21

Javascript BMI計算器

回答

相關問題