Почему не срабатывает функция closeMenu?
const body = document.querySelector('body')
const burger = document.querySelector('.header__burger')
const burgerActive = document.querySelector('.header__burger-active')
const nav = document.querySelector('.nav')
const navActive = document.querySelector('.nav-active')
function showMenu() {
burger.classList.remove('header__burger')
burger.classList.add('header__burger-active')
nav.classList.remove('nav')
nav.classList.add('nav-active')
}
burger.addEventListener('click', showMenu)
function closeMenu() {
burgerActive.classList.remove('header__burger-active')
burgerActive.classList.add('header__burger')
navActive.classList.remove('nav-active')
navActive.classList.add('nav')
}
burgerActive.addEventListener('click', closeMenu)
Изначальная разметка:
Разметка, после срабатывания функции клика showMenu:
.header__burger-active
появляется только после клика на бургер. На момент когда Вы задаете константуconst burgerActive = document.querySelector('.header__burger-active')
такого элемента не существует.