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

Question

[Dmitr66]

Есть список

<ul>
  <li class="one">First</li>
  <li class="two">Second</li>
  <li class="three">Third</li>

При клике на элемент добавляем ему active

let one= document.querySelector('.one');
let two= document.querySelector('.two');
let three= document.querySelector('.three');

one.onclick = () => {
	one.classList.add('active');
}
two.onclick = () => {
        two.classList.add('active');
}
three.onclick = () => {
        three.classList.add('active');
}

Однако, если мы кликнем на >1 элемента, то у нас будет >1 active, а как сделать так, чтобы при клике на один класс, active удалялся у дркгих? Без jQuery

Answer 1

[Vadim Bogomazov]

Answer 2

[Andrew]

https://developer.mozilla.org/ru/docs/Web/JavaScri...