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

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

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

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

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

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

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

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