feat: added nav adaptive

This commit is contained in:
Aliaksei Karzhou
2024-07-03 16:42:09 +03:00
parent f1f7528cde
commit 0c301de7f6
6 changed files with 195 additions and 2 deletions

20
assets/js/nav.js Normal file
View File

@@ -0,0 +1,20 @@
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');
}
});
}