Как изменить цвет по клику?

Question

[Артур Левенсон]

Как сделать так, чтобы при клике на кнопку, изменялся цвет svg выбранной кнопки.

Сейчас цвет меняется у всех кнопок по нажатию на первую кнопку.

https://codepen.io/kiskiskit/pen/abdZxXJ

Answer 1

[Максим]

За это меня щас кажурой от бананов закидают

var iconClick = document.querySelectorAll(".svg-btn");


iconClick[0].addEventListener("click", function () {
  document.getElementById("book").classList.toggle("animate");
});
iconClick[1].addEventListener("click", function () {
  document.getElementById("evr").classList.toggle("animate");
});
iconClick[2].addEventListener("click", function () {
  document.getElementById("win").classList.toggle("animate");
});
iconClick[3].addEventListener("click", function () {
  document.getElementById("gar").classList.toggle("animate");
});

А вот так если по феншую

let iconClick = document.querySelectorAll(".svg-btn");

iconClick.forEach(function (el){
 el.addEventListener("click", function (event){
    event.target.children[0].classList.toggle("animate")
 })
})

Comments

[Артур Левенсон]

огромное вам спасибо за ответ. подскажите пожалуйста, как добиться того, чтобы после нажатия на другую кнопку, элемент, который был выбран до этого возвращался в состояние по умолчанию(был неактивным). цвет должен должен меняться только у одной выбранной кнопки