Farbenie buniek rôznymi farbami

Ďalšou logickou fázou bude vyfarbiť naše bunky náhodnými farbami. Podľa podmienok úlohy máme obmedzenú sadu farieb, povedzme tri: červená, zelená, modrá.

Ak sa zamyslíme, bolo by vhodné urobiť z týchto farieb CSS triedy. Tieto triedy budeme pridávať bunkám našej tabuľky. Vytvorme ich:

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

V JavaScript kóde je vhodné zhromaždiť naše triedy do poľa:

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

S takýmto poľom môžeme vyriešiť našu úlohu: v momente vytvorenia bunky jej priradíme CSS, náhodne vyberajúc z nášho poľa.

Na to je lepšie vytvoriť nejakú pomocnú funkciu, ktorá bude ako parameter prijímať pole a vráti jeho náhodný prvok.