Как при клике на текущий элемент убрать класс у остальный?

Question

[Oleh Lantukh]

Как сделать так, чтобы при клике на кнопку текущего элемента списка добавлять ему класс, а у остальных удалять?
Пока работает только добавление и удаление класса текущему

const catalogItems = document.querySelectorAll('.catalog__item-category');
const catalogItemsButtons = document.querySelectorAll('.catalog__button-item');

  for (let i = 0; i < catalogItems.length; i++) {
    catalogItemsButtons[i].addEventListener('click', () => {
      catalogItems[i].classList.toggle('catalog__item--open');
   });
  }

Answer 1

[Николай]

for (let i = 0; i < catalogItems.length; i++) {
  catalogItemsButtons[i].addEventListener('click', () => {
    for (let j = 0; j < catalogItems.length; j++) {
      catalogItems[j].classList.remove('catalog__item--open');

      if (i === j) catalogItems[j].classList.add('catalog__item--open'); 
    }
  });
}

Comments

[Oleh Lantukh]

Спасибо! То что надо