My javascript code not working

Question

If i typed like this in javascript

Let example = document.getElementById('exampleid');

example.addEventListener('click', () => {

})

It shows cant read properties of null addEventListener

Answer 1

Fami-Coder

JavaScript loads first before loading html contents. In this case 'examleid' will not be available so document.getElementById() will return null

So write your code inside this function

window.onload = function () {

}

2nd one is working because of global object 'document'

Answer 2

It only works when i typed

document.addEventListener('click', () => {

})

Answer 3

It would be nice if you share your real code here

But from what i saw
I think you are targeting the whole document object not the specified element itself

Answer 4

I also had this problem a long time ago, but it was fixed with a trick
I have to remind you that the browser executes the codes from top to bottom, not from bottom to top
In SoloLearn, JS codes are executed first, then CSS and then HTML
To solve this problem, write the codes after the tag is created
You can put JavaScript codes in the script tag
Another way is to write codes in window.onload function
But it is better if you write the script tag after creating the tag