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:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
JavaScript-koodissa on kätevää kerätä luokkamme taulukkoon:
let 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ä.
Toteuta kuvattu funktio. Testaa sen toimintaa.
Luomallasi funktiolla tee niin, että solut saavat satunnaiset värit taulukkoa luodessa.
