Как при клике добавить класс кнопке?

Question

[Роман]

Имеется 4 кнопки на странице, нужно при клике на любую добавлять ей определенный класс, например "color".

function addColor() {
   const btn = document.querySelector('.btn');
   btn.classList.toggle('color');
}

const btnEvent = document.querySelectorAll('.btn');
btnEvent.forEach(btn => {
    btn.addEventListener('click', addColor);
})

Так только класс добавляется первой кнопке, если же в функции указать querySelectorAll, то код не работает.

Answer 1

[Александр]

function addColor(event) {
   event.currentTarget.classList.toggle('color');
}

Comments

[Роман]

А как сделать, чтобы класс был только у той кнопки на которую кликнули, т.е. у предыдущей на которую кликнули, он должен удаляться.

[Александр]

Денис,

function addColor(event) {
   btnEvent.forEach(btn => {
      btn.classList.remove('color');
   });
   event.currentTarget.classList.add('color');
}