Dnes by som chcel ukázať ako vytvoriť jednoduché tradičné pexeso založené na jQuery. Táto ukážka používa iba client-side kód. Väčšina ľudí už vie, ako hrať túto hru.

Obvykle musíte nájsť rovnaké kartičky v dvoch po sebe následujúcich ťahoch. Ak ich nájdeme, tieto kartičky ostanú otočené, dokiaľ nebudú otočené všetky.

Táto ukážka používa 20 obrázkov, z toho 10 unikátnych, ale tento kód ukazuje iba 3 unikátne obrázky pre skrátenie kódu, a tiež tam nie sú ďalšie funkcie, ktoré sú obsiahnuté v ukážke, rovnako ako počítadlo stlačení a tlačidlo pre reštart hry.

Pridáme počítadlo koľko obrázkov bolo odhalených a koľko krát už užívateľ klikol. Tlačidlo reštart vyvolá funkcie pre počítadlo kliknutí, počítadlo uhádnutých obrázkov a znovu premieša obrázky.

Ukážku nájdete tu, krásne hranie prajem:): Ukážka