Пропадает слушатель события на элементе?

Question

[tyoma_koder]

Проверял в отладчике - событие добавляется, но потом куда то пропадает, никаких innerHTML и т.п. я не использовал для этого блока.

window.addEventListener("load", ()=>{
	let burger = document.querySelector("#desctop-header .burger");
	let menu = document.querySelector("#desctop-header .header-menu-wrapper");
	burger.addEventListener("click", ()=>{
		menu.classList.add("show");
	});
});

Comments

[Сергей Соколов]

сделайте fiddle, демонстрирующий проблему. В процессе, скорее всего, сами и разберётесь, что было не так )

Answer 1

[Валерий]

Что значит событие пропадает?
Возможно тут проблема с логикой, вам нужно добавлять класс show при первом клике и убирать при следующем. Тогда ваш код должен выглядеть так:

window.addEventListener("load", ()=>{
  let burger = document.querySelector("#desctop-header .burger");
  let menu = document.querySelector("#desctop-header .header-menu-wrapper");
  burger.addEventListener("click", ()=>{
    menu.classList.toggle("show");
  });
});

Answer 2

[tyoma_koder]

Проблема была в том что в другом файле в body вставлялись блоки через innerHTML, а innerHTML возвращает копию body+вставленные блоки, соответственно на копию не навешаны слушатели.