Zellen in verschiedenen Farben einfärben
Der nächste logische Schritt wird sein, unsere Zellen in zufällige Farben einzufärben. Gemäß der Aufgabenstellung haben wir einen begrenzten Satz von Farben, sagen wir drei: rot, grün, blau.
Wenn man darüber nachdenkt, ist es praktisch, diese Farben als CSS-Klassen zu erstellen. Diese Klassen werden wir den Zellen unserer Tabelle geben. Erstellen wir sie:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
Im JavaScript-Code ist es praktisch, unsere Klassen in einem Array zu sammeln:
let colors = ['red', 'green', 'blue'];
Mit einem solchen Array können wir unsere Aufgabe lösen: Im Moment der Erstellung der Zelle weisen wir ihr eine CSS-Klasse zu, die zufällig aus unserem Array ausgewählt wird.
Dafür ist es besser, eine gewisse Hilfsfunktion zu erstellen, die ein Array als Parameter entgegennimmt und ein zufälliges Element davon zurückgibt.
Implementieren Sie die beschriebene Funktion. Testen Sie ihre Arbeit.
Verwenden Sie Ihre erstellte Funktion, um die Zellen bei der Erstellung der Tabelle in zufällige Farben einzufärben.
