@vondelpark
верстальщик

Как написать JS скрипт, присваивающий классы после нескольких кликов?

Привет!
Есть html код, примерно такой:
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

Нужно сделать, что бы при клике по элементу box присваивался дополнительный класс opened, а по третьему клику присваивался класс bonus, и после этого скрипт заканчивал работу, после 3-го клика классы больше не присваиваются. Так же, элементу с классом opened не может быть присвоен класс bonus, т.е. классы присваиваются элементу только один раз.
Помогите пожалуйста реализовать!
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ответы на вопрос 1
dimovich85
@dimovich85 Куратор тега JavaScript
https://u-academy.net/
Создаете переменную, - где-то в замыкании, так чтоб функция-обработчик ее видела, - счетчик, при клике проверяете ее, если то - такой класс, если это - другой, если больше 3 - return
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы