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:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
În codul JavaScript, este convenabil să adunăm clasele noastre într-un array:
let 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.
Implementați funcția descrisă. Testați funcționarea ei.
Folosind funcția creată de voi, faceți ca celulele, la crearea tabelului, să fie colorate în culori aleatorii.