https://eds-portfolio.netlify.app/js/scripts.js

1const menuBtn = document.querySelector('.menu-btn');
2const menu = document.querySelector('.menu');
3const menuNav = document.querySelector('.menu-nav');
4const menuBranding = document.querySelector('.menu-branding');
5const navItems = document.querySelectorAll('.nav-item');
6
7//Set the initial state of menu
8let showMenu = false;
9
10menuBtn.addEventListener('click', toggleMenu);
11
12
13function toggleMenu(){
14  if(!showMenu) {     
15    menuBtn.classList.add('close');
16    menu.classList.add('show');
17    menuNav.classList.add('show');
18    menuBranding.classList.add('show');
19    navItems.forEach(item => item.classList.add('show'));
20
21    showMenu = true;
22    
23  } else {
24    menuBtn.classList.remove('close');
25    menu.classList.remove('show');
26    menuNav.classList.remove('show');
27    menuBranding.classList.remove('show');
28    navItems.forEach(item => item.classList.remove('show'));
29
30    showMenu = false;
31    
32  }
33};