Как удалить класс, по нажатию на ссылку?

Question

[LastGeneral]

<nav id="navigation" class="navigation-bg">
	<div class="menu-menu-1-container">
               <ul id="primary-menu" class="menu">
                      <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2 current_page_item menu-item-63">
                             <a href="#" aria-current="page">Главная</a></li>
                       <li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-62"> 
                             <a href="#about">О нас</a>
                        </li>
                        <li id="menu-item-31" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-31"> 
                             <a href="#services">Услуги</a>
                         </li>
                         <li id="menu-item-33" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33"> 
                              <a href="#cases">Кейсы</a>
                         </li>
                         <li id="menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32"> 
                               <a href="#contacts">Контакты</a>
                          </li>
              </ul>
       </div>			
</nav>

Как удалять класс navigation-bg при клике на ссылку?

Answer 1

[Rsa97]

document.getElementById('navigation').addEventListener(
  'click',
  (e) => {
    if (e.target.tagName !== 'A') {
      return;
    }
    e.currentTarget.classList.remove('navigation-bg');
  }
);

Comments

[LastGeneral]

Спасибо Вам большое

[LastGeneral]

Можете ещё подсказать? Если нужно убрать 2 класса?

document.getElementById('burger-btn').onclick = function() {
	document.getElementById('navigation').classList.toggle('navigation-bg');
	document.getElementById('burgerToggle').classList.toggle('burger-animation');
}
document.getElementById('navigation').addEventListener(
  'click',
  (e) => {
    if (e.target.tagName !== 'A') {
      return;
    }
    e.currentTarget.classList.remove('navigation-bg');
  }
);

И burger-animation тоже