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:

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

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

javascriptlet 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ą.