Игра смяна на цветовете с JavaScript

В този раздел вие с моята помощ ще реализирате игра. Играта ще бъде таблица, чиито клетки са оцветени в различни случайни цветове.

Нека има определен набор от цветове, например, червен, зелен, син. Нека всяко кликане върху клетка променя цвета й в кръг. Целта на играта - за най-малко количество кликвания да направите таблицата в един - който и да е - цвят.

Да започнем реализацията. За начало нека направим игровото поле под формата на таблица <table>:

<table id="field"></table>

Нека добавим малко CSS код, който придава красота:

#field td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
}

Нека сега обсъдим как да подходим към реализацията на нашата игра. Както виждате, тази задача вече е достатъчно голяма, за да бъде решена веднага. Затова тя трябва да бъде разделена на няколко етапа - подзадачи, изпълнявайки които постепенно ще решим нашата основна задача.

За начало най-логичният етап ще бъде да напишем скрипт, който създава клетките на таблицата. Нека, например, размерът на игровото поле се съхранява в следните променливи:

let rows = 3;
let cols = 3;

Копирайте си дадените HTML и CSS кодове. Напишете код, който ще създаде таблица с зададен размер.