Krāsu maiņas spēle JavaScript

Šajā sadaļā jūs ar manu palīdzību realizēsiet spēli. Spēle būs tabula, kuras šūnas ir nokrāsotas dažādās nejaušās krāsās.

Lai ir noteikts krāsu kopums, piemēram, sarkans, zaļš, zils. Lai katrs klikšķis uz šūnas maina tās krāsu pa apli. Spēles mērķis - ar vismazāko klikšķu skaitu padarīt tabulu vienas - jebkuras - krāsas.

Sāksim realizāciju. Sākumā izveidosim spēles lauku tabulas veidā <table>:

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

Pievienosim nedaudz CSS koda, lai padarītu to skaistāku:

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

Pārrunāsim tagad, kā pieiet mūsu spēles realizācijai. Kā jūs redzat, šis uzdevums jau ir pietiekami liels, lai to uzreiz atrisinātu. Tāpēc to vajadzētu sadalīt dažos posmos - apakšuzdevumos, kurus veicot mēs pakāpeniski atrisināsim mūsu galveno uzdevumu.

Sākumā visloģiskākais posms būtu uzrakstīt skriptu, kas veido tabulas šūnas. Lai, piemēram, spēles lauka izmērs tiek glabāts šādos mainīgajos:

let rows = 3;
let cols = 3;

Kopējiet sev dotos HTML un CSS kodusa. Uzrakstiet kodu, kas izveidos tabulu noteiktā izmērā.