Как сделать событие на js?

Question

[Vlasok]

Всем привет, как сделать так, что бы при выборе одного элемента у другого пропадал класс active и давался тому, на кого кликнули, и так на каждого. Грубо говоря, как сделать выбор блока?

<ul class="downer__list-top">
   <li>Топы</li>
   <li class="active">Платья</li>
   <li>Футболки</li>
   <li>Штаны</li>
   <li>Кофты</li>
</ul>

Comments

[Степан Крапивин]

вопрос про JS а тег указал CSS?
Гениально!

[Vlasok]

Степан Крапивин, Да, ошибочка))

[WapSter]

ни дня не проходит без такого вопроса( даже уже отвечать не интересно гугли

[Vlasok]

WapSter, гуглил, пробовал, не понятно когда все в каше, вот и пришел сюда спросить, что бы был четкий ответ, и будет плюс один человек знать это))

Answer 1

[Пашенька]

document.querySelector('.downer__list-top').addEventListener('click', function(e) {
   for (var i = 0; i < this.children.length; i++) {
       this.children[i].classList.remove('active');
   }
   e.target.classList.add('active');
});

Answer 2

[Loli E1ON]

Можно и без циклов