Igra spreminjanja barv v JavaScript

V tem razdelku boste z mojo pomočjo implementirali igro. Igra bo predstavljala tabelo, katere celice so obarvane z različnimi naključnimi barvami.

Naj obstaja določen niz barv, na primer, rdeča, zelena, modra. Naj vsak klik na celico spremeni njeno barvo v krogu. Cilj igre je - v najmanjšem številu klikov narediti tabelo ene - poljubne - barve.

Pristopimo k implementaciji. Za začetek naredimo igralno polje v obliki tabele <table>:

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

Dodajmo nekaj CSS kode, ki bo dodala lepoto:

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

Razpravljajmo zdaj, kako pristopiti k implementaciji naše igre. Kot vidite, je ta naloga že dovolj velika, da bi jo rešili takoj na prvi pogled. Zato jo je treba razbiti na nekatere faze - podnaloge, s katerimi bomo postopoma rešili našo glavno nalogo.

Za začetek bo najbolj logična faza napisati skript, ki ustvari celice tabele. Naj bo, na primer, velikost igralnega polja shranjena v naslednjih spremenljivkah:

javascriptlet rows = 3;
let cols = 3;