Colorindo células em cores diferentes

A próxima etapa lógica será colorir nossas células com cores aleatórias. De acordo com a condição do problema, temos um conjunto limitado de cores, digamos três: vermelho, verde, azul.

Se pensarmos bem, é conveniente fazer essas cores como classes CSS. Daremos essas classes às células da nossa tabela. Vamos criá-las:

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

No código JavaScript, é conveniente coletar nossas classes em um array:

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

Tendo tal array, podemos resolver nossa tarefa: no momento de criar a célula, atribuiremos a ela uma classe CSS, escolhendo-a aleatoriamente do nosso array.

Para isso, é melhor fazer uma função auxiliar que receba um array como parâmetro e retorne seu elemento aleatório.