statement: $("button").onclick = function() {
......
};
Here statement is, not function decalring method, because onclick is older Javascipt method and $('button') is Jquery. So you are overrighting function declaring method. So Dom not excuding your script.
Instead of you can define the function on below full javascript method or full jquery method.
Here, Javascipt method.
<!DOCTYPE html>
<html>
<body>
<p id="button">Click me.</p>
<script>
document.getElementById("button").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("button").innerHTML = "YOU CLICKED ME!";
}
</script>
</body>
</html>
Here, Jquery method. I hope you already working script with 2nd method.
Method 1 (old):
$('button').click(function(){
//do something
});
Medthod 2 (new):
$(document).on("click", "button", function(){
//do something
});
