Kataklarni turli ranglarga bo'yash

Keyingi mantiqiy bosqich - bizning kataklarimizni tasodifiy ranglarga bo'yash bo'ladi. Masala shartiga ko'ra bizda cheklangan ranglar to'plami mavjud, aytaylik uchta: qizil, yashil, ko'k.

O'ylab ko'rsak, bu ranglarni CSS klasslari qilish qulay. Bu klasslarni biz o'zimizning jadval kataklarimizga beramiz. Keling, ularni yaratamiz:

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

JavaScript kodida klasslarimizni massivga yig'ish qulay:

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

Bunday massivga ega bo'lsak, biz o'z masalamizni hal qila olamiz: katak yaratilish paytida unga CSS beramiz, bizning massivimizdan tasodifiy tanlab.

Buning uchun qandaydir yordamchi funktsiyani yaratish yaxshiroq bo'ladi, u parametr sifatida massivni qabul qiladi va uning tasodifiy elementini qaytaradi.

Tasvirlangan funktsiyani amalga oshiring. Uning ishini sinab ko'ring.

Yaratgan funktsiyangiz yordamida jadval yaratilganda kataklar tasodifiy ranglarga bo'yalishini tashkil eting.