Гульня змена колераў на 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 коды. Напішыце код, які создас табліцу зададзенага памеру.