Coloration des cellules en différentes couleurs

L'étape suivante logique sera de colorer nos cellules en couleurs aléatoires. Selon la condition du problème, nous avons un ensemble limité de couleurs, disons trois : rouge, vert, bleu.

Si on y réfléchit, il est pratique de faire de ces couleurs des classes CSS. Nous attribuerons ces classes aux cellules de notre tableau. Créons-les :

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

Dans le code JavaScript, il est pratique de rassembler nos classes dans un tableau :

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

Avec un tel tableau, nous pouvons résoudre notre tâche : au moment de créer la cellule, nous lui attribuerons une classe CSS, en la choisissant aléatoirement dans notre tableau.

Pour cela, il est préférable de créer une fonction auxiliaire qui prendra un tableau en paramètre et renverra son élément aléatoire.

Implémentez la fonction décrite. Testez son fonctionnement.

À l'aide de la fonction que vous avez créée, faites en sorte que les cellules soient colorées en couleurs aléatoires lors de la création du tableau.