Xanaları müxtəlif rənglərə boyamaq

Növbəti məntiqli mərhələ bizim xanalarımızı təsadüfi rənglərə boyamaq olardı. Məsələnin şərtinə görə bizim məhdud rəng dəstimiz var, deyək ki, üç: qırmızı, yaşıl, göy.

Düşünsək, bu rəngləri CSS sinifləri kimi etmək rahatdır. Bu sinifləri biz cədvəlimizin xanalarına verəcəyik. Gəlin onları edək:

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

JavaScript kodunda bizim sinifləri massivdə yığmaq rahatdır:

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

Belə bir massivə malik olaraq, biz öz məsələmizi həll edə bilərik: xana yaradılan anda ona CSS təyin edəcəyik, onu bizim massivimizdən təsadüfi seçməklə.

Bunun üçün köməkçi funksiya etmək daha yaxşıdır, hansı ki, parametr kimi massiv qəbul edəcək və onun təsadüfi elementini qaytaracaq.

Təsvir olunan funksiyanı reallaşdırın. Onun işini test edin.

Yaratdığınız funksiyanın köməyi ilə elə edin ki, cədvəl yaradılanda xanalar təsadüfi rənglərə boyansın.