Как сделать так — что бы можно было активировать только один блок?

Question

[MisTFoR]

Имеется такой код JS:

const items = document.querySelectorAll('.item')
items.forEach(item => item.addEventListener("click", event => {
  event.target.classList.toggle('active')
}));

Такой код HTML:

<div class="item">
   <p>*Клик</p>
</div>

И такой код CSS:

.active {
  background-color: red;
}

Вопрос: при нажатии на текст "*Клик" - он выделяется красным фоном, если таких текстов будет на сайте несколько - то выделить можно будет все, как поставить ограничение в 1 активацию? Что-бы - если допустим нажали на текст - он выделился, если нажали на другой, то выделение снималось и переходило к новому нажатому

Answer 1

[Шохрух Шаймардонов]

Ну перед активацией пройдитесь по всем и отключите активный режим и потом уже активируйте у нажатого элемента

Comments

[MisTFoR]

хочется упростить)