Ląstelių dažymas įvairiomis spalvomis

Kitas logiškas žingsnis būtų nuspalvinti mūsų ląsteles atsitiktinėmis spalvomis. Pagal uždavinio sąlygą mes turime ribotą spalvų rinkinį, tarkime tris: raudoną, žalią, mėlyną.

Jei pagalvosite, šias spalvas patogu padaryti CSS klasėmis. Šias klases suteiksime mūsų lentelės ląstelėms. Sukurkime jas:

.red {
	background: red;
}
.green {
	background: green;
}
.blue {
	background: blue;
}

JavaScript kode patogu surinkti mūsų klases į masyvą:

let colors = ['red', 'green', 'blue'];

Turėdami tokį masyvą, galime išspręsti mūsų uždavinį: kuriant ląstelę, priskirsime jai CSS klasę, atsitiktinai pasirinkdami iš mūsų masyvo.

Tam geriau padaryti tam tikrą pagalbinę funkciją, kuri parametru priims masyvą ir grąžins jo atsitiktinį elementą.

Įgyvendinkite aprašytą funkciją. Ištestuokite jos veikimą.

Pasinaudodami jūsų sukurtąja funkcija, padarykite kad ląstelės, kuriant lentelę, būtų nuspalvintos atsitiktinėmis spalvomis.