Счетчик нажатия по анимации
Совсем недавно начал изучать JS, поэтому возникают сложности. Идея такая: пользователь заходит на страницу, где поочередно фигуры изменяют цвет, и необходимо успеть кликнуть на трансформирующуюся фигуру, чтобы получить балл.
Пока что получилось написать анимацию к смене цвета, а как сделал счетчик идей нет. Буду благодарен за ответы
let shape2 = document.getElementById('shape-2')
let shape3 = document.getElementById('shape-3')
let int;
function changeColorOne() {
int = setInterval(function(){
shape1.style.backgroundColor = '#70348C';
setTimeout(function () {
shape1.style.backgroundColor = '#00844B';
}, 800);
}, 3600);
}
changeColorOne()
Ответы (1 шт):
Автор решения: artomich
→ Ссылка
Привяжите к вашим shape'ам обработчики событий click (в случае необходимости погуглите про addEventListener и html-вский onclick). В функции-обработчике считайте клики (для этого заведите глобальную переменную и инкрементируйте ее с каждым кликом)