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:

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

En el código JavaScript es conveniente recopilar nuestras clases en un array:

javascriptlet 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.