Javascript Button Onclick Not Working
Hello Function Hello() { Alert('Hello'); } This Is My Code. but It's Not Working. When I Click on the Button Nothing Happens. 15 7 Answers Note to Other...
<button onclick="hello()">Hello</button>
<script>
function hello() {
alert('Hello');
}
</script>This is my code. But it's not working. When I click on the button nothing happens.
7 Answers
Note to other developers coming across this, you can run into this if you use a reserved method names e.g. clear.
<!DOCTYPE html>
<html>
<body>
<button onclick="clear()">Clear</button>
<button onclick="clear2()">Clear2</button>
<script>
function clear() {
alert('clear');
}
function clear2() {
alert('clear2');
}
</script>
</body>
</html>How about this?
<button id="hellobutton">Hello</button>
<script>
function hello() {
alert('Hello');
}
document.getElementById("hellobutton").addEventListener("click", hello);
</script>
P.S. You should place hello() above of the button.
Ran into this problem myself so I can confirm something's not right. The difference is that I am generating the DOm Element at runtime. Replacing onclick with onmousedown seemed to do the trick if you can't find a place to addEventListener in your code.
I had a similar issue. I had child.js and a common.js files. In my case, My HTML file was using both the JS files and both of them had a function with the same name,
child.js
function hello(){}
and also
common.js
function hello(){}
After I remove one of these my code works fine and onclick started working. hope this helps!
There is no problem with your code.. run this snippet
function hello() {
alert('Hello');
}<button onclick="hello();">Hello</button>and if you want to alert this on window load. change your code like this way
(function(){
alert('hello')
})();Add:
type="button"
to the button element. The default type is "submit" which is submitting the form before the script is run.
Write a semicolon after hello function like this
<button onclick="hello();">Hello</button>
Sophia analyzes international trade, startup ecosystems, retail transformation, and supply chain logistics for modern digital publications.
