Javascript function not getting called at the onclick event of a button

Question

Not sure why the open function is not getting called at the onclick even of the button. Any help will be highly useful

<html>
<head>
</head>
<body>
<script>
function open(){
alert('gsfhdgf');
document.getElementById("overlay").style.display="block";
document.getElementById("fade").style.display="block";
}

</script>
<div id="fade" style="display:none">

<div id="overlay" style="display:none">
this is my content
</div>
</div>
<button  onclick="open()">Click Me!</button>
</body>
</html>

@NiettheDarkAbsol stackoverflow.com/questions/436411/… I'm not saying its the problem here, im just saying its good practice to put it there, but put it anywhere if you want to — hlscalon
– hlscalon, Commented Jul 10, 2014 at 16:40

Niet the Dark Absol · Accepted Answer · 2014-07-10 16:38:06Z

11

open is already used as a function name (window.open, document.open...)

Name your function something else (preferably something meaningful) and it will work.

answered Jul 10, 2014 at 16:38

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3478137 Over a year ago

@Niet the Dark Absol : thanks mate.it didn't cross my mind ;).it.working fine now

Collectives™ on Stack Overflow

Javascript function not getting called at the onclick event of a button

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related