Окраска ячеек в разные цвета

Следующим логичным этапом будет разрисовать наши ячейки в случайные цвета. По условию задачи у нас некоторый ограниченный набор цветов, пусть три: красный, зеленый, синий.

Если подумать, то эти цвета удобно сделать CSS классами. Эти классы мы будем давать ячейкам нашей таблицы. Сделаем их:

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

В JavaScript коде удобно собрать наши классы в массив:

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

Имея такой массив, мы можем решить нашу задачу: в момент создания ячейки будем присваивать ей CSS, случайным образом выбирая его из нашего массива.

Для этого лучше сделать некую вспомогательную функцию, которая параметром будет принимать массив и возвращать его случайный элемент.