[Solved] Javascript stopped working after switching to another display [closed]

Question

The problem is that you have several .burger in your HTML and you only define a Javascript event for the very first one. You could remedy this via:

const burgers = document.querySelectorAll('.burger i');

and

for (let burger of burgers) {
    //define your event
}

but it’s not the best approach. The very best thing that you could do is to refactor your HTML and have a single item with the .burger class, but with more reliable event.

Accepted Answer

The problem is that you have several .burger in your HTML and you only define a Javascript event for the very first one. You could remedy this via:

const burgers = document.querySelectorAll('.burger i');

and

for (let burger of burgers) {
    //define your event
}

but it’s not the best approach. The very best thing that you could do is to refactor your HTML and have a single item with the .burger class, but with more reliable event.