Colorarea celulelor în culori diferite

Următorul pas logic va fi să colorăm celulele noastre în culori aleatorii. Conform condițiilor problemei, avem un set limitat de culori, să zicem trei: roșu, verde, albastru.

Dacă ne gândim, ar fi convenabil să facem aceste culori clase CSS. Aceste clase le vom atribui celulelor tabelului nostru. Să le creăm:

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

În codul JavaScript, este convenabil să adunăm clasele noastre într-un array:

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

Având un astfel de array, ne putem rezolva sarcina: în momentul creării celulei, îi vom atribui o clasă CSS, alegând-o aleator din array-ul nostru.

Pentru aceasta, este mai bine să facem o funcție auxiliară care va primi ca parametru un array și va returna un element aleatoriu din el.