I have been working on a pi calculator in javascript for a long time now and I have finally finished. The problem is that my script in the head section:
document
You have two options:
window.onload
event.<script></script>
at the bottom of the body right before </body>
.Wrap it on a window onload
event:
window.onload = function()
{
document.getElementById("button").addEventListener('click', (function(){
alert('Beginning…');
}), false);
};
or
window.addEventListener('load', function()
{
document.getElementById("button").addEventListener('click', (function(){
alert('Beginning…');
}), false);
});
or, if your script doesn't have to be in the head, put it after the element that has the id of button.
DEMO
Javascript gets executed ass soon as possible, so when it's in the head tag, the document hasn't fully loaded. you can have your code run when the document is ready by using the load even
window.addEventListener("load", function(){
/*your code here*/
});
I guess window is supposed to be the proper way to do it, even though one would think document.load would be there ("When the document loads, do this" instead of "when the window loads do this") or run your code at the end of the body. You can still have all your methods in the head.