Hra zmena farieb na JavaScript

V tejto časti s mojou pomocou realizujete hru. Hra bude predstavovať tabuľku, ktorej bunky sú zafarbené do rôznych náhodných farieb.

Nech existuje určitý súbor farieb, napríklad, červená, zelená, modrá. Nech každý klik na bunku zmení jej farbu v kruhu. Cieľ hry - za najmenší počet kliknutí urobiť tabuľku jednej - akejkoľvek - farby.

Poďme pristúpiť k realizácii. Na začiatok urobme hracie pole v podobe tabuľky <table>:

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

Pridajme nejaký CSS kód, ktorý zaistí pekný vzhľad:

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

Poďme teraz prediskutovať, ako pristúpiť k realizácii našej hry. Ako vidíte, táto úloha je už dosť veľká na to, aby sa dala vyriešiť hneď. Preto by sa mala rozdeliť na niekoľko fáz - podúloh, ktorých vykonávaním postupne vyriešime našu hlavnú úlohu.

Na začiatok najlogickejšou fázou bude napísať skript, ktorý vytvorí bunky tabuľky. Nech, napríklad, veľkosť hracieho poľa je uložená v nasledujúcich premenných:

let rows = 3;
let cols = 3;

Skopírujte si uvedené HTML a CSS kódy. Napíšte kód, ktorý vytvorí tabuľku zadanej veľkosti.