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:

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

JavaScript kodida klasslarimizni massivga yig'ish qulay:

javascriptlet 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.