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:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
V JavaScript kóde je vhodné zhromaždiť naše triedy do poľa:
let 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.
Realizujte opísanú funkciu. Otestujte jej činnosť.
Pomocou vytvorenej funkcie zaistite, aby sa bunky pri vytváraní tabuľky zafarbili náhodnými farbami.
