Zabarvení buněk různými barvami

Dalším logickým krokem bude obarvit naše buňky náhodnými barvami. Podle podmínek úkolu máme omezenou sadu barev, řekněme tři: červená, zelená, modrá.

Když se nad tím zamyslíme, bude vhodné udělat z těchto barev CSS třídy. Tyto třídy budeme přiřazovat buňkám naší tabulky. Vytvořme je:

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

V JavaScriptovém kódu je vhodné shromáždit naše třídy do pole:

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

S takovým polem můžeme vyřešit náš úkol: v momentě vytvoření buňky jí přiřadíme CSS třídu, náhodně vybranou z našeho pole.

K tomu je lepší vytvořit nějakou pomocnou funkci, která bude přijímat pole jako parametr a vracet jeho náhodný prvek.