javascript - Simple event listener not working - JS -
this question has answer here:
i have written increbily simple event listener , yet comes error: uncaught typeerror: cannot call method 'addeventlistener' of null suggests id maybe (also works document?
<html> <head> <script type="text/javascript"> function message () { alert("hello!"); } var button = document.getelementbyid('button'); button.addeventlistener('click', message, true); </script> </head> <body> <input type="button" id="button" value="click me!" /> </body> </html> (i know i'm going feel stupid after this, js noob)
at time script executes, dom has not been created. can place script after body tags run after reading html - better way listening domcontentloaded.
document.addeventlistener('domcontentloaded', init, false); function init(){ function message () { alert("hello!"); } var button = document.getelementbyid('button'); button.addeventlistener('click', message, true); }; window.onload = init works too. don't because looks me 1 script overwrite window.onload own init function. (i haven't confirmed happens or not)
Comments
Post a Comment