DOM JavaScript: стили и CSS-классы. Свойства style и classList. Управление CSS-переменными в JS.
При нажатии добавляем класс элементу и удаляем на всех остальных
Данный способ проще и короче перебора.
ClassList - JS
При использовании прослушивания событий у нас может возникнуть необходимость добавлять класс при клике или, например, наведении мыши. Здесь мы можем столкнуться с проблемой, что же нам выбрать: ✅ add добавит класс один раз; При первом клике у нас сработает прописанное событие, но далее, сколько бы раз мы не нажимали на кнопку - ничего не произойдет до перезагрузки страницы...