JavaScript-de reňkleri çalşyrmak oýny

Bu bölümde siz meniň kömegim bilen bir oýny amala aşyrarsyňyz. Oýun dürli tesadüpi reňkler bilen boýalan öýjüklerden ybarat tablisa bolup görüner.

Meselem, belli bir reňkler toplumy bar diýeliň, mysal üçin, gyzyl, ýaşyl, gök. Her bir öýjüge basylşanda onuň reňkini tegelek boýunça çalşyrsyn. Oýnuň maksady - iň az basyş sany bilen tablisany bir - islendik - reňk etmek.

Geliň amala aşyrmaga başlalyň. Başlangyçda tablisa görnüşinde oýun meýdanyny düzeliň <table>:

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

Gözellik üpjün edýän birnäçe CSS kody goşalyň:

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

Indi oýnumyzy amala aşyrmaga nädip ýakynlaşmalydygyny meslehetleşeliň. Görşiňiz ýaly, bu wezipa ony derrew çözmek üçin ýeterlik uly. Şonuň üçin ony käbir bäsleşikler - kiçi wezipalar bölmeli, olary ýerine ýetirip, biziň esasy wezipamyzy birden-bir çözeliň.

Başlangyçda iň mantiqly bäsleşik tablisanyň öýjüklerini düzýän skript ýazmak bolar. Meselem, oýun meýdanynyň ölçegi aşakdaky üýtgeýänlerde saklansyn:

let rows = 3;
let cols = 3;

Berlen HTML we CSS kodlaryny özüňize göçüriň. Bellän ölçegli tablisany düzýän kody ýazyň.