Colorear celdas en diferentes colores
La siguiente etapa lógica será pintar nuestras celdas en colores aleatorios. Según la condición del problema tenemos un conjunto limitado de colores, digamos tres: rojo, verde, azul.
Si lo pensamos, es conveniente hacer estos colores como clases CSS. Estas clases las asignaremos a las celdas de nuestra tabla. Vamos a crearlas:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
En el código JavaScript es conveniente recopilar nuestras clases en un array:
let colors = ['red', 'green', 'blue'];
Teniendo tal array, podemos resolver nuestra tarea: en el momento de crear la celda le asignaremos un CSS, eligiéndolo aleatoriamente de nuestro array.
Para esto es mejor hacer una función auxiliar que reciba como parámetro un array y devuelva su elemento aleatorio.
Implemente la función descrita. Pruebe su funcionamiento.
Utilizando la función que creó, haga que las celdas se coloreen en colores aleatorios al crear la tabla.