Խաղ՝ գույների փոփոխություն 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 կոդերը։ Գրեք կոդ, որը կստեղծի տրված չափի աղյուսակ։