Kolorowanie komórek na różne kolory

Następnym logicznym etapem będzie pokolorowanie naszych komórek na losowe kolory. Zgodnie z warunkami zadania mamy pewien ograniczony zestaw kolorów, niech będą trzy: czerwony, zielony, niebieski.

Jeśli się zastanowić, to wygodnie jest zrobić z tych kolorów klasy CSS. Te klasy będziemy nadawać komórkom naszej tabeli. Stwórzmy je:

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

W kodzie JavaScript wygodnie jest zebrać nasze klasy w tablicę:

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

Mając taką tablicę, możemy rozwiązać nasze zadanie: w momencie tworzenia komórki będziemy przypisywać jej klasę CSS, losowo wybierając ją z naszej tablicy.

W tym celu lepiej jest stworzyć pewną pomocniczą funkcję, która parametrem będzie przyjmować tablicę i zwracać jej losowy element.