Kleurenwisselspel in JavaScript

In deze sectie implementeer je met mijn hulp een spel. Het spel zal een tabel zijn, waarvan de cellen in verschillende willekeurige kleuren zijn gekleurd.

Stel dat er een bepaalde set kleuren is, bijvoorbeeld, rood, groen, blauw. Stel dat elke klik op een cel zijn kleur in een cirkel verandert. Het doel van het spel is om in zo min mogelijk klikken de tabel van één - welke dan ook - kleur te maken.

Laten we beginnen met de implementatie. Laten we eerst een speelveld maken in de vorm van een tabel <table>:

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

Laten we wat CSS-code toevoegen voor de opmaak:

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

Laten we nu bespreken hoe we de implementatie van ons spel kunnen aanpakken. Zoals je ziet, is deze taak al groot genoeg om hem in één keer op te lossen. Daarom moet het worden opgesplitst in enkele stappen - sub taken, waarbij we geleidelijk onze hoofdtaak oplossen.

Om te beginnen is de meest logische stap het schrijven van een script dat de cellen van de tabel aanmaakt. Stel, dat de grootte van het speelveld bijvoorbeeld wordt opgeslagen in de volgende variabelen:

let rows = 3;
let cols = 3;

Kopieer de gegeven HTML- en CSS-codes. Schrijf code die een tabel van het opgegeven formaat creëert.