https://6g-sky.net/js/mobileNavbar.js

1const headerOverlay = document.getElementsByClassName("overlay--navbar")[0];
2const navbar = document.getElementsByClassName("navbar")[0];
3
4function openNavbar() {
5  headerOverlay.classList.add("open");
6  navbar.classList.add("open");
7  document.addEventListener("click", handleOutsideNavbarClick);
8}
9
10function closeNavbar() {
11  headerOverlay.classList.remove("open");
12  navbar.classList.remove("open");
13  document.removeEventListener("click", handleOutsideNavbarClick);
14}
15
16function handleOutsideNavbarClick(e) {
17  if (
18    e.composedPath().includes(headerOverlay) &&
19    !e.composedPath().includes(navbar)
20  )
21    closeNavbar();
22}