Игра найди число на 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');

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