Всем привет! Изучаю js и столкнулся с такой проблемой :
есть список:
<ul class="CatalogMenu">
<li>
<a href="#">
Все кухни
</a>
</li>
<li>
<a href="#">
Новинки
</a>
</li>
<li>
<a href="#">
Классические
</a>
</li>
<li>
<a href="#">
Современные
</a>
</li>
<li>
<a href="#">
Готовые кухни
</a>
</li>
</ul>
при клике на ссылку должен появляться класс active, при нажатии на другой элемент списка он должен удаляться у прежнего. Реализовал добавление и удаление класса при нажатии на сам элемент а как сделать переход класса на другой не могу догнать. Спасибо за помощь
let List = document.querySelectorAll('.CatalogMenu li a')
List.forEach(item =>{
item.addEventListener('click', (e) =>{
item.classList.toggle('active')
})
})