Следующим логичным этапом будет разрисовать наши ячейки в случайные цвета. По условию задачи у нас некоторый ограниченный набор цветов, пусть три: красный, зеленый, синий.
Если подумать, то эти цвета удобно сделать CSS классами. Эти классы мы будем давать ячейкам нашей таблицы. Сделаем их:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
В JavaScript коде удобно собрать наши классы в массив:
let colors = ['red', 'green', 'blue'];
Имея такой массив, мы можем решить нашу задачу: в момент создания ячейки будем присваивать ей CSS, случайным образом выбирая его из нашего массива.
Для этого лучше сделать некую вспомогательную функцию, которая параметром будет принимать массив и возвращать его случайный элемент.
Реализуйте описанную функцию. Потестируйте ее работу.
С помощью созданной вами функции сделайте так, чтобы ячейки при создании таблицы окрашивались в случайные цвета.