Why is simple JavaScript code not running ?
<script type="text/javascript" charset="utf-8">
var btn = document.getElementById("myBtn");
btn.onclick = function(){
alert("Clicked");
};
</script>
</head>
<body>
<a id="myBtn" href="#">click me </a>
</body>
Assign your onclick handler after document is loaded.
<script type="text/javascript" charset="utf-8">
function assignHandler() {
var btn = document.getElementById("myBtn");
btn.onclick = function() {
alert("Clicked");
};
}
</script>
<body onload="assignHandler()">
<a id="myBtn" href="#">click me </a>
</body>
the order
<a id="myBtn" href="#">click me </a>
<script type="text/javascript" charset="utf-8">
var btn = document.getElementById("myBtn");
btn.onclick = function(){
alert("Clicked");
};
</script>
Have a look at this. The javascript block needs to be after the html element:
Your code works but is better to use like this:
var btn =
document.getElementById('myBtn');
btn.addEventListener('click',function
(e) { alert('my click works after the html element has been created');
},true);
return false;to the end of the function? And have you tried it on another browser? I have a feeling the alert's being blocked