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>