addEventListener к телу, чтобы переключить назад навигационную панель

Question

Я изо всех сил пытаюсь найти способ добавить прослушиватель событий в документ, который заставляет панель навигации переключаться назад без необходимости доступа к меню бургера.

Я думал об использовании:

document.body.addEventListener("onclick", function{  

 } );

Но я не знаю, как мне упомянуть эффект переключения

const navSlide = () => {
  const burger = document.querySelector(".burger");
  const nav = document.querySelector(".nav-links");

  burger.addEventListener("click", () => {
    nav.classList.toggle("nav-active");
  });
};

navSlide();

Answer 1

Вы можете использовать делегирование событий, чтобы проверить, не нажимаете ли вы значок бургера, а затем удалить класс nav-active.

document.addEventListener("click", (e) => {
    if (!['fas','burger'].some(el => e.target.classList.contains(el))) {
              nav.classList.remove("nav-active");
 }
});

Здесь - это обновленный Codepen .