函數將輸出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

以下指令可以幫助你：

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

Answer 2

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>