Всем привет! https://codepen.io/zakataoao/pen/XWVdoLG - не могу понять в чём причина,

Question

JavaScript Noobs — сообщество новичков

Kirya

Всем привет! https://codepen.io/zakataoao/pen/XWVdoLG - не могу понять в чём причина,

класс focus не добавляется с первого клика, а вот со второго всё работает так, как и должно. В чём может быть причина?

#javascript #programming #russian

0

19.03.2022

5 ответов

11 просмотров

Mark Karpukhin

Потому что в первом обработчике клика ты вешаешь на все кнопки еще обработчики клика, но уже те, которые добавят класс. В первом же обработчике должен выполняться код с добавлением или удалением класса

0

19.03.2022

Vitalijs Lavrinovics

Если на скорую, то я исправил js код на вот такой: const radioBtns = document.querySelectorAll('.second__btn'); radioBtns.forEach((element)=>{ element.addEventListener('click', () => { if (element.classList.contains('focus')){ radioBtns.forEach((element) =>{ element.classList.remove('focus'); }) } element.classList.add('focus'); }); });

0

19.03.2022

Максим

0

19.03.2022

Mark Karpukhin

выбирай какой тебе больше из трех нравится const radioBtns = document.querySelectorAll('.second__btn'); function onRadioClick(e) { const element = e.currentTarget; if (!element.classList.contains('focus')){ radioBtns.forEach((btn) => { btn.classList.remove('focus'); }) } element.classList.add('focus'); }; radioBtns.forEach((element) =>{ element.addEventListener('click', onRadioClick); })

0

19.03.2022

Vitalijs Lavrinovics · Accepted Answer

Vitalijs Lavrinovics

У тебя 2 функции с click.

0

19.03.2022

169 похожих чатов

Всем привет! https://codepen.io/zakataoao/pen/XWVdoLG - не могу понять в чём причина,

5 ответов

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