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:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
No código JavaScript, é conveniente coletar nossas classes em um array:
let 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.
Implemente a função descrita. Teste seu funcionamento.
Usando a função criada por você, faça com que as células sejam coloridas com cores aleatórias ao criar a tabela.