const hamburger = document.querySelector(".hamburger");
const hamburgerX = document.querySelector(".hamburger--active");
const menuMobile = document.querySelector(".menu-mobile");

function menuOpen() {
  menuMobile.classList.toggle("menu-mobile--active");
  hamburger.style.display = "none";
  hamburgerX.style.display = "flex";
}

function menuClose() {
  menuMobile.classList.toggle("menu-mobile--active");
  hamburgerX.style.display = "none";
  hamburger.style.display = "flex";
}

function menuAutoClosing() {
  if (document.body.clientWidth > 1600) {
    hamburgerX.style.display = "none";
    hamburger.style.display = "none";
  }
  else {
    if (menuMobile.classList.contains("menu-mobile--active")) {
      hamburgerX.style.display = "flex"
    }
    else {
      hamburger.style.display = "flex";
    }
  }
}

menuAutoClosing();

setInterval(() => {
  menuAutoClosing();
}, 100);