У проекті ми робимо гру подібну до показаної на відео спринту, проте з іншими умовами та оптимізацією. Уважно читайте завдання! Створіть у файлі 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 не входить у keys,...
Завдання доступні після придбання курсу
Додайте switch case, який в залежності від вибраної...
Завдання доступні після придбання курсу
Додайте до switch case значення case, яке спрацьовує...
Завдання доступні після придбання курсу
Додати після switch case код, який додає клас...
Завдання доступні після придбання курсу
Додайте перевірку на помилку, якщо помилка - виводиться...
Завдання доступні після придбання курсу
Додайте перевірку на помилку. Якщо у змінній error...
Завдання доступні після придбання курсу
Додайте перевірку на перемогу. У разі перемоги показуйте...
Завдання доступні після придбання курсу
Додайте можливість натискати не тільки Enter для відкриття...
Завдання доступні після придбання курсу
Додайте можливість перезавантажити гру за натисканням клавіші keyR.
...Завдання доступні після придбання курсу
