Pewarnaan Sel dalam Berbagai Warna

Tahap logis berikutnya adalah mewarnai sel-sel kita dengan warna acak. Menurut kondisi masalah, kita memiliki seperangkat warna terbatas, misalnya tiga: merah, hijau, biru.

Jika dipikir-pikir, akan lebih mudah untuk membuat warna-warna ini sebagai kelas CSS. Kelas-kelas ini akan kita berikan kepada sel-sel tabel kita. Mari buat:

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

Dalam kode JavaScript, akan mudah untuk mengumpulkan kelas-kelas kita ke dalam sebuah array:

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

Dengan array seperti itu, kita dapat menyelesaikan tugas kita: pada saat pembuatan sel, kita akan menetapkan CSS kepadanya, secara acak memilihnya dari array kita.

Untuk ini, lebih baik membuat semacam fungsi bantu, yang akan menerima array sebagai parameter dan mengembalikan elemen acaknya.

Implementasikan fungsi yang dijelaskan. Uji cara kerjanya.

Dengan menggunakan fungsi yang Anda buat, buatlah sehingga sel-sel diwarnai dengan warna acak saat tabel dibuat.