Solujen väritys eri väreihin

Seuraava looginen vaihe olisi maalata solumme satunnaisiin väreihin. Tehtävän ehtojen mukaan meillä on rajoitettu joukko värejä, olkoon kolme: punainen, vihreä, sininen.

Jos ajatellaan, nämä värit on kätevää tehdä CSS-luokiksi. Annamme näitä luokkia taulukkomme soluille. Tehdään ne:

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

JavaScript-koodissa on kätevää kerätä luokkamme taulukkoon:

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

Kun meillä on tällainen taulukko, voimme ratkaista tehtävämme: solua luodessa annamme sille CSS-luokan, valitsemalla sen satunnaisesti taulukostamme.

Tätä varten on parempi tehdä apufunktio, joka parametrina vastaanottaa taulukon ja palauttaa satunnaisen elementin siitä.