Attention game

Зайди на сайт https://repl.it/ и создай новый проект

Создай тег «h1» в элементе «body». Напиши внутрь этого тега: Timer.

Создай после тега «h1» тег «p».

Создай после тега «p» тег «img». Не забудь использовать атрибут src со ссылкой на свою картинку. PS: выбери еще одну картинку, но ссылку на нее никуда не вставляй.

Создай после тега «img» тег «br».

Создаем две кнопки и укажи у них названия, которые описывают твои картинки. Если ты выбрал(а) картинку кота и собаки, то укажи названия кнопкам: кот и собака.

Обратись к тегу «img» и укажи ему какие-то размеры.

Обратись к тегу «button» и укажи ему какие-то размеры.

Сделай так, чтобы все элементы твоего приложения были по центру.

Создай переменные: btnAll  и img. Присвой этим переменным выбранные элементы: button и img.

Создай список «allImg» и заполни его двумя ссылками на твои фотографии.

Создай переменные: score, text, randomNum, timeText, timerTime. Присвой переменным: score и randomNum число «0». Присвой переменным: text и timeText выбранные элементы «p» и «h1». Присвой переменной timerTime число «60».

Создай переменную «timer» и присвой ей функцию «setInterval» с параметрами: function и 1000.

В функции конструкции «setInterval» создай if-блок. Укажи у него вот такое условие: timerTime == 0.

В if-блоке напиши вот такие две команды:

 btnAll[0].removeEventListener("click",envLetter)

 btnAll[1].removeEventListener("click",letter)

Вызови функцию «clearInterval» и передай ей параметр «timer».

Напиши вот такую конструкцию в свой код:

text.innerText = "You final score is " + score

Выйди из if-блока. Напиши в функции конструкции «setInterval» вот такой кодик:

 timeText.innerText = timerTime--

Выйди из конструкции «setInterval». Напиши вот такие команды:

btnAll[0].addEventListener("click",envLetter )

btnAll[1].addEventListener("click", letter)

Создай функцию «envLetter» и укажи в ней if-блок. Укажи у if-блока условие:

randomNum == 0

Укажи в if-блоке команду, которая будет увеличивать переменную «score» на 1. Воспользуйтесь методом «innerText» у переменной «text». Присвойте этой конструкции переменную «score»

Присвой переменной «randomNum» конструкцию: Math.floor(Math.random()*2)

У переменной «img» вызови метод «setAttribute» с параметрами: "src" и allImg[randomNum].

Выйди из if-блока и создай else-блок. Укажи в else-блоке конструкцию, которая будет вычитать единицу от переменной «score». Также добавь вот эти конструкции:

 text.innerText = score

    randomNum = Math.floor(Math.random()*2)

    img.setAttribute("src",allImg[randomNum])

Создай функцию «letter» и укажи у нее if-блок. Укажи if-блоку вот такое условие:

randomNum == 1

Укажи в if-блоке вот такие конструкции:

score++

    text.innerText = score

    randomNum = Math.floor(Math.random()*2)

    img.setAttribute("src",allImg[randomNum])

Создай else-блок и укажи у него вот такие конструкции:

score--;

    text.innerText = score

    randomNum = Math.floor(Math.random()*2)

    img.setAttribute("src",allImg[randomNum])