Colorazione delle celle con colori diversi
La prossima fase logica sarà colorare le nostre celle con colori casuali. Secondo le condizioni del problema, abbiamo un set limitato di colori, diciamo tre: rosso, verde, blu.
Se ci pensiamo, è conveniente rendere questi colori delle classi CSS. Assegneremo queste classi alle celle della nostra tabella. Creiamole:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
Nel codice JavaScript è conveniente raccogliere le nostre classi in un array:
let colors = ['red', 'green', 'blue'];
Avendo un tale array, possiamo risolvere il nostro compito: al momento della creazione della cella, le assegneremo una classe CSS, scegliendola casualmente dal nostro array.
Per fare questo, è meglio creare una funzione ausiliaria che accetti un array come parametro e restituisca il suo elemento casuale.
Implementate la funzione descritta. Testate il suo funzionamento.
Utilizzando la funzione da voi creata, fate in modo che le celle, durante la creazione della tabella, vengano colorate con colori casuali.
