javascript - 函数将输出 nan 而不是数字，为什么？

Question

<div class="Er3"> 
        <p>  Α </p>
        <form>Input a number <br><input type="n" id="er3">  </form> 
        <button onclick="QuestionThree()"> submit </button>
        <p id="output"> </p>


        <script> function QuestionThree() {
        var y = document.getElementById("er3");
        var o = parseFloat(y);
        var n = o.toFixed(2);
        var x = y - n;
        var z = Math.abs(x);
        document.getElementById("output").innerHTML = z;
        }</script>


    </div>

我已经尽可能地将函数分解为匹配，但它仍然会返回 nan 而不是数字，为什么？

Answer 1

y 持有元素，而不是它的价值。请尝试以下代码：

   <script> 
       function QuestionThree() {
         var y = document.getElementById("er3").value;
         var x = y - parseFloat(y).toFixed(2);
         var z = Math.abs(x);
         document.getElementById("output").innerHTML = z;
       }
     </script>

Answer 2

以下说明可能会对您有所帮助：

var y = document.getElementById("er3").value;