JavaScript'те түстөрдү алмаштыруу оюну

Бул бөлүмдө сиз менин жардамымда бир оюнду ишке ашырасыз. Оюн ар түрдүү түшкө боёлгон кокус түстөрдөгү ячейкалардан турган таблица болот.

Айталы, белгилүү бир түстөрдүн жыйындысы бар дейли, мисалы, кызыл, жашыл, көк. Ар бир ячейкага чыкылдатуу анын түсүн тегерек боюнча алмаштырсын. Оюндун максаты - минималдуу чыкылдатуу саны менен таблицанын бардык ячейкаларын бир - каалаган - түскө айландыруу.

Келгиле, ишке ашырууну баштайлы. Адегенде ойлонуу талаасын <table> таблица түрүндө жасайбыз:

<table id="field"></table>

Көркөмдүктү жакшыртуу үчүн бир аз CSS коду кошолу:

#field td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
}

Эми биздин оюнду кандайча ишке ашыруу керек экенин талкуулайлы. Сиз көрүп тургандай, бул тапшырма аны дароо чечүү үчүн жетишээрлик чоң. Ошондуктан аны бир нече баскычтарга - кичинекей маселелерге бөлүү керек, аларды аткаруу менен биз негизги маселени бөлүк-бөлүк чечебиз.

Баштоо үчүн эң логикалык баскыч - таблицанын ячейкаларын түзгүч скрипти жазган болот. Айталы, мисалы, оюн талаасынын өлчөмү төмөнкү өзгөрмөлөрдө сакталсын:

let rows = 3;
let cols = 3;

Жогоруда келтирилген HTML жана CSS коддорду өзүңүзгө көчүрүңүз. Берилген өлчөмдөгү таблицаны түзгүч кодду жазыңыз.