Pewarnaan Sel dalam Warna Berbeza

Langkah logik seterusnya ialah mewarnai sel-sel kami dalam warna rawak. Mengikut syarat tugas, kami mempunyai set warna terhad, katakan tiga: merah, hijau, biru.

Jika difikirkan, adalah mudah untuk menjadikan warna-warna ini kelas CSS. Kelas ini akan kami berikan kepada sel jadual kami. Mari buatnya:

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

Dalam kod JavaScript, adalah mudah untuk mengumpulkan kelas kami ke dalam array:

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

Dengan array sedemikian, kami boleh menyelesaikan tugas kami: pada saat penciptaan sel, kami akan memberikan CSS kepadanya, memilihnya secara rawak dari array kami.

Untuk ini, lebih baik membuat beberapa fungsi pembantu, yang akan menerima array sebagai parameter dan mengembalikan elemen rawaknya.

Laksanakan fungsi yang diterangkan. Uji kerjanya.

Dengan menggunakan fungsi yang anda buat, pastikan sel-sel diwarnai dengan warna rawak apabila jadual dibuat.