Задать вопрос
  • Как добавить класс одному элементу и убрать его у остальных?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Где элементы находятся, что за элементы, какой класс надо им переключать:

    const container = document.querySelector('.side__nav');
    const itemSelector = 'li';
    const activeClass = 'is-active';

    Переключаем:

    container.addEventListener('click', function(e) {
      const item = e.target.closest(itemSelector);
      if (item) {
        this.querySelector(`${itemSelector}.${activeClass}`)?.classList.remove(activeClass);
        item.classList.add(activeClass);
      }
    });

    или

    const items = container.querySelectorAll(itemSelector);
    const onClick = e => items.forEach(n => n.classList.toggle(activeClass, n === e.currentTarget));
    items.forEach(n => n.addEventListener('click', onClick));
    Ответ написан
    Комментировать