Function will output nan instead of a number, why?

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>

I have broken the function down as match as possible yet it will still return nan instead of a number, why?

`y` is not a value, it's a DOM element you need to call `parseFloat(y.value)` — Endless, May 15 '16 at 16:08
when i pres the button "submit" its seposed to run function QuestionTree yet all it gives me is a nan results even though i have used parseFloat to turn the string into a number — Stas, May 15 '16 at 16:09
Nan means not a number. You're converting object into number not value .you've to take value using geElementById("er3").value — Abhishek Panjabi, May 15 '16 at 16:09
number input can use use `input.valueAsNumber` might be useful — Endless, May 15 '16 at 16:10

score 1 · Answer 1 · answered May 15 '16 at 17:21

y was holding the element, not it's value. Please try the following code:

   <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>

score 0 · Answer 2 · edited May 15 '16 at 17:02

0

The following instruction may help you:

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

edited May 15 '16 at 17:02

Dhia

10,119
11
58
69

answered May 15 '16 at 16:21

Sam

11
2

Function will output nan instead of a number, why?

2 Answers2