Datatype .innerHTML

Question

I´m getting a NaN out of this script, is it a data type problem and how do i solve it?

       <script>
            function calc(){
                var profile = document.getElementById("profil");
                var hours = document.getElementById("hour");
               
                document.getElementById("result").innerHTML=profile*hours;
            }
        </script>

Present the result like this

               <button onclick="calc()">Calc</button><br>
               <p id="result"></p>

`.getElementById` returns an element and not a number https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById — messerbill, Sep 10 '20 at 17:13

score 1 · Answer 1 · answered Sep 10 '20 at 17:17

1

You have to get the value from the element.

var profile = document.getElementById("profil").value;

answered Sep 10 '20 at 17:17

ArturoGJ

11
1

Thanks!! This fixed the problem. – Phelar Sep 10 '20 at 17:55

score 0 · Answer 2 · answered Sep 10 '20 at 17:16

With .getElementById you get a DOM Element.

Supposing "profil" and "hour" are input elements, you want to obtain their values:

   <script>
        function calc(){
            var profile = document.getElementById("profil").value;
            var hours = document.getElementById("hour").value;
           
            document.getElementById("result").innerHTML=profile*hours;
        }
    </script>

Datatype .innerHTML

2 Answers2