Dambretes laukums

Problēmas apraksts

Dambretes laukums sastāv no 64 rūtiņām, kas izkārtotas 8 rindās. Rindas pārmaiņus atkārtojas, bet kauliņi ir izkārtoti pirmajās divās un pēdējās divās laukuma rindās.

Specifikācija

Izmantojot Bootstrap režģa sistēmu, izveido dambretes laukumu kā attēlots paraugā. Katrs lauciņš ir 1 vienību plata kolonna.

Noapaļotiem stūriem izmanto īpašības border-bottom-left-radius, border-top-right-radius un līdzīgas.

Kauliņiem izmanto <div> blokus, kam iestati attiecīgos parametrus, lai panāktu apaļu formu.

Izmantotās krāsas ir chocolate, moccasin un brown.

Loģika

Izmantojot AI rīkus, liec kauliņiem kustēties! Pievieno JavaScript kodu, kas ļauj pārvietot kauliņu pa tā attiecīgajiem lauciņiem.

script.js sadaļā ievieto funkciju

function gajiens() {
    // kods kauliņa pārvietošanai
}