0

Совсем недавно начал изучать 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

1 ответ 1

1

Привяжите к вашим shape'ам обработчики событий click (в случае необходимости погуглите про addEventListener и html-вский onclick). В функции-обработчике считайте клики (для этого заведите глобальную переменную и инкрементируйте ее с каждым кликом)

2

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.