Igra promene boja na JavaScript

U ovom odeljku ćete uz moju pomoć implementirati igru. Igra će predstavljati tabelu, ćelije koje su obojene različitim slučajnim bojama.

Neka postoji određeni skup boja, na primer, crvena, zelena, plava. Neka svaki klik na ćeliju menja njeru boju u krug. Cilj igre je da se za najmanji broj klikova napravi tabela jedne - bilo koje - boje.

Hajde da pristupimo implementaciji. Za početak hajde da napravimo igračko polje u vidu tabele <table>:

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

Dodajmo neki CSS kod, koji će ulepšati izgled:

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

Razmotrimo sada kako pristupiti implementaciji naše igre. Kao što vidite, ovaj zadatak je već dovoljno velik da bi se odmah rešio. Zato ga treba podeliti na neke faze - podzadatke, rešavajući ih postepeno ćemo rešiti naš osnovni zadatak.

Za početak, najlogičniji korak bi bio napisati skript koji kreira ćelije tabele. Neka, na primer, veličina igračkog polja bude sačuvana u sledećim promenljivama:

let rows = 3;
let cols = 3;

Kopirajte sebi dat HTML i CSS kod. Napišite kod koji će kreirati tabelu zadate veličine.