Как ограничить кол-во активных классов?

Question

[sergey_valerevich]

Есть аккордеон, в нём список, в списке 4 элемента. Как сделать, что бы ограничить кол-во активных классов одновременно!

const team = document.querySelectorAll('.team-list__item')
.forEach((userNameEl) => {
  userNameEl.addEventListener('click', (e) => {
    const username = e.currentTarget;

    if (username.classList.contains('team-list__item--active')) {
      username.classList.remove('team-list__item--active');
    } else {
      username.classList.add('team-list__item--active');
    }
  });
});

Comments

[Даниил Маслов]

посчитайте все элементы с определенным классом на странице и , если их больше заданного кол-ва, то не давайте элементу новый класс

[Сергей Соколов]

что должно произойти, когда максимум 2 класса должны быть активны, 2 уже активны и кликнули на третьем?

[sergey_valerevich]

s0xzwasd, Если бы я знал как это сделать!

[sergey_valerevich]

Сергей Соколов, Необходимо, что бы был один активный класс, если выбираешь другой элемент, то он становиться активным, а предыдущий нет(скрывается!)

[Сергей Соколов]

sergey_valerevich, сделайте всем - отключение класса. Затем кликнутому — дать активный класс.