Farveskiftespil i JavaScript

I dette afsnit vil du med min hjælp implementere et spil. Spillet vil være en tabel, hvis celler er farvet i forskellige tilfældige farver.

Lad der være et bestemt sæt af farver, for eksempel, rød, grøn, blå. Lad hvert klik på en celle skifte dens farve i en cirkel. Spillets mål - at gøre tabellen ensfarvet - i hvilken som helst farve - med færrest mulige klik.

Lad os gå i gang med implementeringen. Til at starte med lav et spillefelt i form af en tabel <table>:

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

Lad os tilføje noget CSS-kode, der gør det pænt:

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

Lad os nu diskutere, hvordan vi skal tackle implementeringen af vores spil. Som du kan se, er denne opgave allerede stor nok til at løse den på én gang. Derfor bør den opdeles i nogle faser - delopgaver, ved at udføre hvilke vi gradvist vil løse vores hovedopgave.

Til at starte med vil den mest logiske fase være at skrive et script, der opretter tabelceller. Lad, for eksempel, størrelsen på spillefeltet være gemt i følgende variable:

let rows = 3;
let cols = 3;

Kopier de anførte HTML- og CSS-koder til dig selv. Skriv kode, der opretter en tabel af den givne størrelse.