Jocul schimbării culorilor în JavaScript

În această secțiune veți implementa cu ajutorul meu un joc. Jocul va fi un tabel, ale cărui celule sunt colorate în diferite culori aleatorii.

Să presupunem că există un anumit set de culori, de exemplu, roșu, verde, albastru. Fiecare click pe o celulă să îi schimbe culoarea în cerc. Scopul jocului - să faci tabelul de o - orice - culoare cu numărul minim de click-uri.

Să începem implementarea. Pentru început să facem câmpul de joc sub formă de tabel <table>:

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

Să adăugăm niște cod CSS, care să îmbunătățească aspectul:

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

Să discutăm acum, cum să abordăm implementarea jocului nostru. După cum vedeți, această sarcină este deja suficient de mare pentru a o rezolva imediat. Prin urmare, ar trebui să o împărțim în câteva etape - subprobleme, pe care le rezolvând pas cu pas vom rezolva sarcina noastră principală.

Pentru început, cel mai logic pas ar fi să scriem un script care creează celulele tabelului. Să presupunem, de exemplu, că dimensiunea câmpului de joc este stocată în următoarele variabile:

let rows = 3;
let cols = 3;

Copiați codurile HTML și CSS date. Scrieți cod care va crea un tabel de dimensiunea dată.