Loja e ndryshimit të ngjyrave në JavaScript

Në këtë seksion ju do të implementoni me ndihmën time një lojë. Loja do të përfaqësojë një tabelë, qelizat e së cilës janë ngjyrosur me ngjyra të ndryshme të rastësishme.

Le të ketë një grup të caktuar ngjyrash, për shembull, e kuqe, jeshile, blu. Le të çdo klikim në një qelizë të ndryshojë ngjyrën e saj në mënyrë rrethore. Qëllimi i lojës është të bëjë tabelën me një - çdo - ngjyrë me numrin më të vogël të klikimeve.

Le të fillojmë implementimin. Për fillim le të bëjmë fushën e lojës në formë tabele <table>:

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

Le të shtojmë disa kode CSS, për ta bërë më të bukur:

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

Le të diskutojmë tani se si t'i qasemi implementimit të lojës sonë. Siç e shihni, kjo detyrë është tashmë mjaft e madhe për ta zgjidhur menjëherë. Prandaj duhet të ndahet në disa faza - nëndetyra, duke kryer të cilat gradualisht do të zgjidhim detyrën tonë kryesore.

Për fillim faza më logjike do të ishte shkrimi i skriptit që krijon qelizat e tabelës. Le të, për shembull, madhësia e fushës së lojës të ruhet në variablat e mëposhtëm:

javascriptlet rows = 3;
let cols = 3;