function initMainMenuEvents() {
  const menu_button = document.querySelector('.main-header__menu-button');
  const main_nav = document.querySelector('.main-header__navs');
  if (!menu_button) return;

  menu_button.addEventListener("click", function() {
    _activateNav.call(this, main_nav);
  });

  document.body.addEventListener("click", function(event) {
    const target = event.target;
    console.log(target);
    if (!main_nav.contains(target) &&
      !menu_button.contains(target) &&
      menu_button.classList.contains('triggered')
    ) {
      _deactivateNav.call(target, main_nav);
    }
  });

  function _activateNav(nav) {
    bodyNoScroll();
    this.classList.add('triggered');
    nav.classList.add('active');
  }

  function _deactivateNav(nav) {
    bodyCanScroll();
    this.classList.remove('triggered');
    nav.classList.remove('active');
  }
}