You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
677 B
20 lines
677 B
const burger = document.querySelector('.header__burger');
|
|
const headerNav = document.querySelector('.header__nav');
|
|
|
|
if (burger && headerNav) {
|
|
burger.addEventListener('click', () => {
|
|
headerNav.classList.toggle('active');
|
|
burger.classList.toggle('active');
|
|
});
|
|
|
|
headerNav.addEventListener('click', (event) => {
|
|
const isLink = event.target.classList.contains('header__nav-link');
|
|
const isPhone = event.target.classList.contains('header__nav-phone');
|
|
const isButton = event.target.classList.contains('button');
|
|
|
|
if (isLink || isPhone || isButton) {
|
|
headerNav.classList.remove('active');
|
|
burger.classList.remove('active');
|
|
}
|
|
});
|
|
}
|
|
|