関数は数字の代わりに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> 

私はできるだけマッチするように機能を壊しましたが、数字の代わりにまだナノを返します、なぜですか？

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>