вопросы пишите мне в телеграмм +375298176892
можно скачать офлайн версию сайта: code.mu old.code.mu

Игра найди число на JavaScript

Давайте сделаем игру, в которой будет квадратная таблица, в которой случайным образом будут числа от 1 до N, где N - количество ячеек в таблице. Суть игры будет заключаться в том, что нужно будет кликать по ячейкам в правильном порядке: сначала на 1, потом на 2, потом на 3 и так далее.

Если игрок кликает на правильную ячейку - пусть она активируется и делает красный фон. Если же он кликает на неправильную ячейку - ничего не происходит.

Когда игрок найдет последнее число - пусть игра начинается сначала, но таблица увеличивается на одну строку и одну колонку. Для лучшего понимания вами поставленной задачи я подготовил образец того, что должно получится:

Подготовка

Для начала давайте подготовим верстку:

<div id="parent"> <table id="field"></table> </div> #parent { text-align: center; } #field { display: inline-block; } #field td { padding: 20px; border: 1px solid black; cursor: pointer; } .active { background: red; }

Получим также ссылку на таблицу, представляющую собой игровое поле:

let field = document.querySelector('#field');

Скопируйте себе подготовительный код.