Χρώμα κελιών σε διαφορετικά χρώματα

Το επόμενο λογικό βήμα θα είναι να χρωματίσουμε τα κελιά μας σε τυχαία χρώματα. Σύμφωνα με τις προϋποθέσεις του προβλήματος, έχουμε ένα περιορισμένο σύνολο χρωμάτων, ας πούμε τρία: κόκκινο, πράσινο, μπλε.

Αν το σκεφτεί κανείς, αυτά τα χρώματα είναι βολικό να γίνουν CSS κλάσεις. Αυτές τις κλάσεις θα τις δίνουμε στα κελιά του πίνακα μας. Ας τις δημιουργήσουμε:

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

Στον κώδικα JavaScript είναι βολικό να συλλέξουμε τις κλάσεις μας σε έναν πίνακα:

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

Έχοντας έναν τέτοιο πίνακα, μπορούμε να λύσουμε το πρόβλημά μας: τη στιγμή δημιουργίας του κελιού, θα του αντιστοιχούμε ένα CSS, επιλέγοντάς το τυχαία από τον πίνακα μας.

Για αυτό, είναι καλύτερα να δημιουργήσουμε μια βοηθητική συνάρτηση, η οποία θα δέχεται ως παράμετρο έναν πίνακα και θα επιστρέφει ένα τυχαίο στοιχείο του.

Υλοποιήστε την περιγραφόμενη συνάρτηση. Δοκιμάστε τη λειτουργία της.

Χρησιμοποιώντας τη συνάρτησή σας, κάντε έτσι ώστε τα κελιά, κατά τη δημιουργία του πίνακα, να χρωματίζονται σε τυχαία χρώματα.