Ҳужайраларни турли рангларга бўяш

Кейинги мантикий босқич бизнинг ҳужайраларимизни тасодифий рангларга бўяш бўлади. Масала шартига кўра бизда чекланган ранглар тўплами мавжуд, айтишларчи учта: қизил, яшил, кўк.

Ўйлаб кўрилса, ушбу рангларни CSS синфлари қилиш қулай. Бу синфларни биз ҳужжат ясагимизнинг ҳужайраларига беррамиз. Уларни ясаймиз:

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

JavaScript кодида бизнинг синфларимизни массивга тўплаш қулай:

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

Бундай массивга эга бўлсак, биз ўз масаламизни еча оламиз: ҳужайра яратиш пайтида унга CSS-ни тайинлаймиз, уни бизнинг массивимиздан тасодифий танлаб олиш орқали.

Буни амалга ошириш учун қандайдир ёрдамчи функция ясаш яхшироқ бўларди, у параметр сифатида массивни қабул қилади ва унинг тасодифий элементини қайтаради.

Тавсирланган функцияни амалга оширинг. Унинг ишини синаб кўринг.

Яратган функциянгиз ёрдамида ҳужжат яратилганда ҳужайралар тасодифий рангларга бўялсин.