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:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
W kodzie JavaScript wygodnie jest zebrać nasze klasy w tablicę:
let 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.
Zaimplementuj opisaną funkcję. Przetestuj jej działanie.
Za pomocą stworzonej przez ciebie funkcji spraw, aby komórki podczas tworzenia tabeli były kolorowane na losowe kolory.
