Gra zmiana kolorów w JavaScript

W tej sekcji z moją pomocą zaimplementujesz grę. Gra będzie przedstawiać tabelę, której komórki są pokolorowane różnymi losowymi kolorami.

Załóżmy, że istnieje określony zestaw kolorów, na przykład, czerwony, zielony, niebieski. Niech każde kliknięcie na komórkę zmienia jej kolor w kółko. Cel gry - w najmniejszej liczbie kliknięć zrobić tabelę jednego - dowolnego - koloru.

Zacznijmy od implementacji. Na początek zróbmy pole gry w postaci tabeli <table>:

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

Dodajmy trochę kodu CSS, upiększającego:

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

Omówmy teraz, jak podejść do implementacji naszej gry. Jak widzisz, to zadanie jest już dość duże, żeby od razu je rozwiązać. Dlatego należy podzielić je na pewne etapy - podzadania, wykonując które stopniowo rozwiążemy nasze główne zadanie.

Na początek najbardziej logicznym etapem będzie napisanie skryptu, tworzącego komórki tabeli. Niech, na przykład, rozmiar pola gry przechowywany jest w następujących zmiennych:

let rows = 3;
let cols = 3;

Skopiuj do siebie podane kody HTML i CSS. Napisz kod, który stworzy tabelę o podanym rozmiarze.