Igra spreminjanja barv v JavaScript

V tem razdelku boste z mojo pomočjo implementirali igro. Igra bo predstavljala tabelo, katere celice so obarvane z različnimi naključnimi barvami.

Naj obstaja določen niz barv, na primer, rdeča, zelena, modra. Naj vsak klik na celico spremeni njeno barvo v krogu. Cilj igre je - v najmanjšem številu klikov narediti tabelo ene - poljubne - barve.

Pristopimo k implementaciji. Za začetek naredimo igralno polje v obliki tabele <table>:

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

Dodajmo nekaj CSS kode, ki bo dodala lepoto:

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

Razpravljajmo zdaj, kako pristopiti k implementaciji naše igre. Kot vidite, je ta naloga že dovolj velika, da bi jo rešili takoj na prvi pogled. Zato jo je treba razbiti na nekatere faze - podnaloge, s katerimi bomo postopoma rešili našo glavno nalogo.

Za začetek bo najbolj logična faza napisati skript, ki ustvari celice tabele. Naj bo, na primer, velikost igralnega polja shranjena v naslednjih spremenljivkah:

let rows = 3;
let cols = 3;

Kopirajte si navedeni HTML in CSS kodo. Napišite kodo, ki bo ustvarila tabelo določene velikosti.