rockPaperScissors

Создай тег «h1» и напиши туда название своего приложения.

Создай тег «span» и укажи у него внутри текст: Choose:

Добавь этим элементам атрибут «class» со значением «player».

PS: Ты можешь не использовать предложенный текст, а придумать свой.

Создай три кнопки и укажи у них вот такие названия: rock, paper, scissors.

PS: Ты можешь не использовать предложенный текст, а придумать свой.

Создай два тега «span» и укажи у них вот такой текст: Player, Bot.

PS: Ты можешь не использовать предложенный текст, а придумать свой.

Создай два тега «img» и укажи у них атрибут «src». Сделай так, чтобы значение атрибута «src» было равно вот такой ссылке: https://bit.ly/31VARxz

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

Обратись к элементу «button» и укажи у него вот такие свойства: background-color, color, border-radius, width.

Обратись к элементу «img» и укажи у него параметры: width, margin.

Обратись к классу «player» и укажи у него вот такие свойства: margin, font-size

Создай пустой список с именем «images». Заполни этот список вот такими ссылками:

"https://bit.ly/31VARxz", "https://bit.ly/3lJ1gGS", "https://bit.ly/3jLehy2"

Создай переменную «buttons» и присвой ей выбранные элементы «button».

Создай переменную «players» и присвой ей выбранные элементы «img».

Создаем переменную с именем «h1» и присваиваем ей выбранный элемент «h1».

Создай цикл со счетчиком, который будет выполнятся такое же количество раз, сколько элементов находится в переменной «buttons».

Добавь в цикл вот такую конструкцию:

buttons[i].addEventListener("click",function(){

 })

В функции метода «addEventListener» делаем следующие шаги:

Вызови у нулевого элемента, который хранится в переменной «players», метод «setAttribute». Укажи у него вот такие параметры: "src", images[i]

Создай переменную «random» присвой ей конструкцию для получения рандомного числа от 0 до 2.

Вызови у первого элемента, который хранится в переменной «players», метод «setAttributes». Укажи у него вот такие параметры: "src",images[random]

Создаем if-блок и пишем у него вот такое условие:

(i == 0 && random == 2) || (i == 1 && random == 0) || (i == 2 && random == 1)

Если условие выдает правду, то текст в элементе «h1» должен поменяться на - «Player won». Также цвет этого текста должен измениться.

Выйди из блока-if и добавь конструкцию «else if». Укажи у этой конструкции вот такое условие: i == random. Если условие правда, то поменяй текст в элементе «h1» на - «Draw».

Также поменяй цвет текста в элементе «h1».

Выйди из else if - блока.

Добавь else-блок, если этот блок выполняется, то запускай вот такой код:

h1.innerText = "Bot won"; 

   h1.style.color = "red";