Question

我将两个数字相加，但我在警报中收到了 NaN。例如，执行 10+10 在警报中返回 NaN。这段代码有什么问题？

   function calcy(){
        let a = document.getElementById('in1').Value; 
        let b = document.getElementById('in2').Value;

        let total = parseInt(a) + parseInt(b);
        alert(total);
    }


    <div class="inputs">
          <div class="input1">
              <input type="text" id="in1">
          </div>
          <div class="input2">
              <input type="text" id="in2">
          </div>
     </div>

Answer 1

您需要将 .Value 更改为 .value；

试试下面的代码：

<script>
function calcy(){
        let a = document.getElementById('in1').value; 
        let b = document.getElementById('in2').value;

        console.log("a ="+a);
        console.log("b ="+b);
        let total = parseInt(a) + parseInt(b);
        console.log("total ="+total);
        alert(total);
    }
</script>

    <div class="inputs">
          <div class="input1">
              <input type="text" id="in1">
          </div>
          <div class="input2">
              <input type="text" id="in2">
          </div>
          
         <button onclick="calcy()" >Click</button>
     </div>

为什么我收到 NaN 警报？

1 个答案: