у меня есть несколько объектов с одним классом(сердечки), я хочу сделать их красными прим нажатии через js. каждую кнопку перебирать не вариант

const element = document.querySelectorAll('.element');

element.forEach(el => el.addEventListener('click', function () {
  el.classList.toggle('active');
}))

.block {
  display: flex;
}

.element {
  margin-right: 10px;
  font-size: 20px;
  cursor: pointer;
  padding: 5px;
}

.active {
  color: red;
  border: 2px solid tomato;

}

<div class="block">
  <div class="element">Раз</div>
  <div class="element">Два</div>
  <div class="element">Три</div>
  <div class="element">Четыре</div>
</div>