const mobileMenuOpenBtn = document.querySelectorAll('[data-mobile-menu-open-btn]'); const mobileMenu = document.querySelectorAll('[data-mobile-menu]'); const mobileMenuCloseBtn = document.querySelectorAll('[data-mobile-menu-close-btn]'); const overlay = document.querySelector('[data-overlay]');

for (let i = 0; i < mobileMenuOpenBtn.length; i++) {

// mobile menu function
const mobileMenuCloseFunc = function () {
    mobileMenu[i].classList.remove('active');
    overlay.classList.remove('active');
}

MobileMenuOpenBtn[i].AddEventListener('click', function () {
    mobileMenu[i].classList.add('active');
    overlay.classList.add('active');
});

mobileMenuCloseBtn[i].addEventListener('click', mobileMenuCloseFunc);
overlay.addEventListener('click', mobileMenuCloseFunc);

}