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

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

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

пример кода https://codepen.io/kiskiskit/pen/MWmypaB
  • Вопрос задан
  • 53 просмотра
Решения вопроса 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'));
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
24 июл. 2021, в 10:19
1500 руб./за проект
24 июл. 2021, в 09:01
1000 руб./за проект
24 июл. 2021, в 08:53
1000 руб./за проект