В проекте мы делаем игру подобную показанной на видео спринта, однако с другими условиями и оптимизацией. Внимательно читайте задания!!! Создайте в файле html div с классом gamefield. В CSS файле задайте ему размеры: 600px ширина и 300px высота. Граница 2px solid black. Также задайте свойство flex, flex-wrap.
Задайте для .gamefield div свойства ширина 150px, высота 150px. Фон salmon, задайте границу и box-sizing: border-box. Т.е. игровое поле у нас будет 4 на 2 блока и игровых блоков будет 8.
Задайте в css свойство active для выбранного блока - orange.
Задайте в JS файле массив arr с числами 1-8 включительно. И напишите код для перемешивания массива. Внимание! Массив после перемешивания должен обязательно выводиться в консоль.
Задайте переменные x, y, step, error с необходимыми...
Задачи доступны после покупки курса
Напишите функцию fieldInit, которая создает блоки для наполнения...
Задачи доступны после покупки курса
Добавьте код, делающий последний!!!! блок игрового поля активным....
Задачи доступны после покупки курса
Допишите в функцию fieldInit timeout, который выводит в...
Задачи доступны после покупки курса
Добавьте в fieldInit, после отработки timeout событие -...
Задачи доступны после покупки курса
Создайте функцию pressKey. В нее добавьте строку, которая...
Задачи доступны после покупки курса
Создайте массив const keys, со значениями 'ArrowDown', 'ArrowUp',...
Задачи доступны после покупки курса
Напишите проверку, что если event.key не входит в...
Задачи доступны после покупки курса
Добавьте switch case, который в зависимости от выбранной...
Задачи доступны после покупки курса
Добавьте в switch case значение case, которое срабатывает...
Задачи доступны после покупки курса
Добавьте после switch case код, который добавляет класс...
Задачи доступны после покупки курса
Добавьте проверку на ошибку, если ошибка - то...
Задачи доступны после покупки курса
Добавьте проверку на ошибку. Если в переменной error...
Задачи доступны после покупки курса
Добавьте проверку на победу. В случае победы показывайте...
Задачи доступны после покупки курса
Добавьте возможность нажимать не только Enter для открытия...
Задачи доступны после покупки курса
Добавьте возможность перезагрузить игру по нажатию на клавишу...
Задачи доступны после покупки курса
