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

Как сбросить цвет?

Подскажите, как сделать так, чтобы по клику на .reset цвета сбрасывались. мне нужно убрать дополнительный класс active по нажатию на reset

пример кода https://codepen.io/kiskiskit/pen/MWmypaB
  • Вопрос задан
  • 66 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 2
Seasle
@Seasle Куратор тега JavaScript
const button = document.querySelector('.reset');
button.addEventListener('click', () => {
    document.querySelectorAll('.active').forEach(element => element.classList.remove('active'));
});

ну и <div class="reset">сброс цвета</div> заменить на
<button type="button" class="reset">сброс цвета</button>
Ответ написан
@NotFair
web-developer
const list = document.querySelectorAll('.list .test')
window.addEventListener('click', (e)=> {
  const target = e.target;
  if(target.classList.contains('test')){
    resetActiveItem()
    target.classList.add('active')
  }
  
   if(target.classList.contains('reset')) {
     resetActiveItem()
   }
})
function resetActiveItem() {
  list.forEach(item=>item.classList.remove('active'));
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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