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>:

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

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

#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:

let rows = 3;
let cols = 3;

Kopjoni kodet e paraqitura HTML dhe CSS. Shkruani kodin, i cili do të krijojë një tabelë të madhësisë së caktuar.