Не понимаю как закрыть адаптивное меню?

Question

[Иван]

делаю адаптивное меню для мобильных, появился вопрос, как после открытия меню его закрыть?
как при любом нажатии не на адаптивное меню его закрыть?

Comments

[Владимир]

по идее тебе нужно ещё одно условие делать, чтобы по клику на нужную область закрывать меню.
Сделал крестик закрытия, мб поможет придти к какойто идее.

[Сергей Карвасарный]

Или как предложили сверху через кнопку закрыть или делай по подобию всплывающих форм, если заметил почти под всеми появляется фон полу прозрачный и при нажатию на него скрывается форма + по крестику скрывается, просто можешь делать задний фон, а лучше стрелку т.к меню во весь экран по факту.

[Иван]

Сергей Карвасарный, да, я уже сделал с фоном, спасибо

Answer 1

[Бурль]

Проверять принадлежит ли узел контейнеру меню, например:

var $menu = document.querySelector(".header-menu"); // Берём контейнер меню

window.addEventListener("click", function(event) { 
    if(!$menu.contains(event.relatedTarget)) { // Проверяем принадлежность кликнутого узла нашему контейнеру, 
        links.classList.remove('header-menu__list'); // Закрываем меню, если не принадлежит
    }
})