Fargebyttespill på JavaScript

I denne delen vil du med min hjelp implementere et spill. Spillet vil være en tabell hvis celler er farget i forskjellige tilfeldige farger.

La det være et bestemt sett med farger, for eksempel rød, grønn, blå. La hvert klikk på en celle endre fargen i en sirkel. Målet med spillet er å gjøre tabellen til én - hvilken som helst - farge på færrest mulig antall klikk.

La oss begynne implementeringen. Til å begynne med lar vi oss lage et spillfelt i form av en tabell <table>:

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

La oss legge til noe CSS-kode som forbedrer utseendet:

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

La oss nå diskutere hvordan vi skal gå frem for å implementere spillet vårt. Som du ser, er denne oppgaven allerede stor nok til å løses på strak arm. Derfor bør den deles opp i noen trinn - deloppgaver, som vi utfører for etter hvert å løse vår hovedoppgave.

Til å begynne med vil det mest logiske trinnet være å skrive et skript som oppretter tabellceller. La, for eksempel, størrelsen på spillfeltet lagres i følgende variabler:

javascriptlet rows = 3;
let cols = 3;