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>:
<table id="field"></table>
La oss legge til noe CSS-kode som forbedrer utseendet:
#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:
let rows = 3;
let cols = 3;
Kopier den gitte HTML- og CSS-koden til deg. Skriv kode som vil opprette en tabell av angitt størrelse.
