Question

I currently have my JS code in a element inside HTML and it works fine. As soon as I swap it with a with src=”myjs.js” it stops working…why? So I need to addeventlisteners in HTML to the root?

Answer 1

Perhaps your script reference is located in the HEAD section and the code looks for elements in the body which was not yet initialized.

Try wrapping your code in an onload event handler like this:

window.onload = function () {
    // Javascript code goes here
}