為什么當我嘗試將這些數字相乘時會得到 NaN？

Question

我嘗試將兩個數字相乘並將結果顯示在文本框中，但是當我單擊按鈕時得到 NaN。

var firstBox=parseFloat(document.getElementById('firstTxt').value);
    var secondBox=parseFloat(document.getElementById('secondTxt').value);
    var the_answer=document.getElementById('answer');
    var calculate=document.getElementById('btn');
    
    calculate.onclick=function(){
      var result= firstBox*secondBox;
      the_answer.value=result;
    }
    
    
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title>title</title>
      </head>
      <body style="background-color: cadetblue;">
      <p><input type="text" id="firstTxt"/> </p>
      <p><input type="text" id="secondTxt"/> </p>
      <p><input type="button" id="btn" value="Calculate"> </p>
      <p><input type="text" id="answer"/> </p>
    <script src="practice.js"></script>
      </body> 
    </html>

Answer 1

當輸入更改時， firstBox和secondBox變量不會更新其值。

因此，在 onclick 處理程序內移動/復制以下幾行：

var firstBox=parseFloat(document.getElementById('firstTxt').value);
var secondBox=parseFloat(document.getElementById('secondTxt').value);

為什么當我嘗試將這些數字相乘時會得到 NaN？

問題描述

1 個解決方案

解決方案1
1 2020-10-17 07:43:18

為什么當我嘗試將這些數字相乘時會得到 NaN？

問題描述

1 個解決方案

解決方案1 1 2020-10-17 07:43:18

解決方案1
1 2020-10-17 07:43:18