Игра за промена на бои на 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 кодови. Напишете код, кој ќе креира табела со зададена големина.