const burger = document.querySelector("#navbar__togle");
const mobileMenu = document.querySelector("#mobileMenu");
const cross = document.querySelector("#mobileMenuCross");
const backg = document.querySelector("#backg");
const body = document.querySelector("body");


function burgerMenu(e) {
  if (e.target === burger) {
    burger.classList.toggle("menu-icon-active");
  }
  mobileMenu.classList.toggle("mobile-menu_active");
  backg.classList.toggle("backg_active");
  body.classList.toggle("lock");
  function DetectMobile() {
    let uagent = navigator.userAgent.toLowerCase();
    if (uagent.search("mobile") == -1) body.classList.toggle("hideScrl");
  }
  DetectMobile();
}

burger.addEventListener('click', burgerMenu);
cross.addEventListener('click', burgerMenu);
backg.addEventListener('click', burgerMenu);