The JavaScript cannot be opened if I click the button

Question

I have written this code.

  document.getElementById('show').onclick = function()

But I tried clicking "show" and instead it does not open and it indicates me as an error. So anyone have a solution ?

Uncaught TypeError: Cannot read property 'addEventListener' of null. — Zean, Apr 06 '21 at 06:38
Then it seems to be that there is no element with the ID show. Watch into @marmeladze s answer for the correct declaration. — STh, Apr 06 '21 at 06:42
Does this answer your question? [Why does jQuery or a DOM method such as getElementById not find the element?](https://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom-method-such-as-getelementbyid-not-find-the-element) — Sebastian Simon, Apr 06 '21 at 06:59

SimonC · Answer 1 · 2021-04-06T06:25:21.223

-1

 document.getElementById('show'). addEventListener("click", function() {})

Would be the correct syntax but it really just depends what you want to do

edited Apr 06 '21 at 06:25

answered Apr 06 '21 at 06:14

SimonC

59
3

score -1 · Answer 2 · answered Apr 06 '21 at 06:26

-1

Try function name without the brackets

document.getElementById("show").onclick = function;

See also addEventListener.

answered Apr 06 '21 at 06:26

Ajmal

99
1
6

score -2 · Accepted Answer · edited Apr 06 '21 at 08:16

it's sample on w3schools

You can try it.

    <!DOCTYPE html>
<html>
<body>

<p>This example uses the HTML DOM to assign an "onclick" event to a p element.</p>

<p id="demo">Click me.</p>

<script>
document.getElementById("demo").onclick = myFunction();

function myFunction() {
  //your codes here Zean
  document.getElementById("demo").innerHTML = "YOU CLICKED ME!";
}
</script>

</body>
</html>

The JavaScript cannot be opened if I click the button

3 Answers3