Celkleuring in verschillende kleuren
De volgende logische stap is om onze cellen in willekeurige kleuren te kleuren. Volgens de voorwaarden van de taak hebben we een beperkte set kleuren, laten we zeggen drie: rood, groen, blauw.
Als je erover nadenkt, is het handig om deze kleuren als CSS-classes te maken. Deze classes zullen we geven aan de cellen van onze tabel. Laten we ze maken:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
In de JavaScript-code is het handig om onze classes in een array te verzamelen:
let colors = ['red', 'green', 'blue'];
Met zo'n array kunnen we onze taak oplossen: op het moment van het maken van een cel zullen we er CSS aan toewijzen, door deze willekeurig te kiezen uit onze array.
Hiervoor is het beter om een hulpfunctie te maken die een array als parameter accepteert en een willekeurig element ervan teruggeeft.
Implementeer de beschreven functie. Test haar werking.
Maak met behulp van de door jou gemaakte functie zodat de cellen bij het maken van de tabel gekleurd worden in willekeurige kleuren.