Házi feladat

Memóriajáték

Általános leírás

A memóriajáték úgy működik, hogy adott egy 6x6-os rács. A rács minden kockája egy jelet, ebben az esetben a betűt takar. Ha a játékos rámutat egy kockára, akkor megjelenik a hozzá tartozó betű. Ha a játékos egy második kockára is rákattint, akkor megint megjelenik a második kocka mögötti betű is. Ha a két kockára való kattintásra ugyanaz a betű villant fel, akkor készen vagyunk: ez a két betű már örökre látható marad, a szóban forgó betűpárt ugyanis sikeresen megtaláltuk. Ha azonban a két kockára kattintva nem ugyanaz a betű jelenik meg, akkor egy harmadikra kattintva a két korábbi betű újra eltűnik. A cél az, hogy minden betű örökre látható legyen. Ehhez természetesen fejben kell tartani már felfordított, de még párt nem talált betűket -- innen a játék neve is...

Hozz létre egy oldalt, ahol a felhasználó mezőkre kattintgathat, amik a fenti szabályokat követik.

Az oldal legyen szép, esztétikus. Állíts be háttérszínt, headert, legyen h1-es elem is a lapon (akár maga a header szövege). A kockák közt legyen hézag, a kockákon legyen árnyékolás, kis lekerekített határvonal. A kockák fölött elhúzva az egeret, következzen be valami effektus is. Ha kockákra kattintva is következzen be valamilyen effektus, lehetőleg valamiféle animáció-szerű effektus.

Vezess egy számlálót is, hogy hány kattintásnál tartasz. A cél természetesen az lesz, hogy minél kevesebb kattintásból meg lehessen oldani a feladatot.

Az elkészült weboldalt töltsd fel valamilyen statikus weboldalak hosztolására alkalmas oldalra! Egy kényelmes lehetőség, ha ezt még nem használod másra, a GitHub Pages. A link mögött egy tutorial van, lényegében ez úgy működik, hogy a GitHub fiókodban a speciálisan elnevezett, statikus weboldalt tartalmazó repositoryt képes a github hostolni.

A repóhoz tartozó README.md fájlban hivatkozásként szerepeljen a honlap linkje is!