kiskiskit
@kiskiskit
Жадно изучаю каждый пиксель

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

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

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

https://codepen.io/kiskiskit/pen/abdZxXJ
  • Вопрос задан
  • 113 просмотров
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
За это меня щас кажурой от бананов закидают
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")
 })
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы