DOM element has value of null from .js file but not from console

Asked Mar 29 '19 at 23:27

Active Mar 30 '19 at 00:39

Viewed 28 times

The DOM element inputName has a value of null when reading the .js file, but is working as it is supposed to when I type the same code into the console.

    console.log("working");
    var inputName = document.getElementById("name");
    console.log(inputName);

<div class="col-2">Event Name:</div>
<div class="col-10"><input type="text" id="name"></div>

When I type inputName into the console it has a value of null. When I type "var inputName = document.getElementById("name");" into the console it then has the correct value of <input id="name" type="text">.

edited Mar 30 '19 at 00:39

Syed Mehtab Hassan

1,196
1
7
21

asked Mar 29 '19 at 23:27

bhallohio

1

most probably your script is reder before your html code – Syed Mehtab Hassan Mar 29 '19 at 23:36
The simplest solution is just to put your ` – acdcjunior Mar 29 '19 at 23:43

DOM element has value of null from .js file but not from console

0 Answers0