Section outline

  • Kriterij ocenjevanja naloge

    Celotna naloga je vredna 170 točk in je razdeljena na več sklopov glede na zahtevano znanje.

    HTML, XHTML (50 točk):

    • Postavitev in vsi izpisi glave (<div class="glava">) (10 TOČK)
    • Postavitev kontrolnikov za nastavitve igre (25 TOČK)
    • Postavitev strani (vse razen glave spletne strani) (5 TOČK)
    • XHTML, ki omogoča da lahko z css oblikujemo, veljavnost in oblika vsebine XHTML (10 TOČK)

    CSS (50 točk):

    • Oblikovano ozadje strani in okvir okoli (<div class="okvir">) (5 TOČK)
    • Oblika glave (oblikovani elementi znotraj (<div class="glava">) (10 TOČK)
    • Oblika polja s karticami (oblikovani elementi znotraj (<div class="glava">) (10 TOČK)
    • Postavitev, da je odsek (div) za Igralca 1 na levi, v sredini je igralno polje (zamaknjeno gor 20px) in na desni igralec 2. (brez (20 TOČK)
    • Oblikovan izpis kdo je na potezi (besedilo »Si na potezi. Odkrij dve enaki sliki«). (5 TOČK)

    JavaScript(50 točk):

    • Inicializacija igre - function igraInit() (20 TOČK)
      • Napišite funkcijo, ki vam bo nastavila vse prametre, ki so potrebni za igro. Če jih naštejemo samo nekaj:
        • število parov v igri,
        • število igralcev
        • ali je nasprotnik računalnik
        • statistika igre (število poskusov za vsakega igralca in število ugotovljenih parov)
        Prav tako morate v inicializaciji nastaviti stanja za vse kartice. Te morajo biti na začetku vse obrnjene na hrbtno stran.
    • Mešanje kartic (5 TOČK)
      • Če hočemo, da se vsaka igra med seboj razlikuje moramo kartice med sabo premešati. Vaša naloga je da napišete funkcijo, ki vam bo pare kartic naključno premešala. To je implementacija funkcije mesajPoljeStevilkSlik(stevSlik);
    • Prikaz (obrnjenih) kartic na začetku igre (5 TOČK)
      • Funkcija dodajSlikeNaIgralnoPlosco(stevSlik) mora v HTML v odsek<div id="igralnaPlosca"> dodati izbrano število slik (da lahko uporabnik klikne nanje)
    • Ugotavljanje para (5 TOČK)
      • Napišite funkcijo, ki bo preverila ali je igralec odkril dve kartici z enako sliko.
    • Implementacija da igra deluje za enega in dva igralca (15 TOČK) Tu se točkuje vse kar že ni zajeto drugje kot je:
      • Potek igre
      • Pravilnost prikaza kdo je na potezi
      • Pravilnost točkovanja
      • Preverba ali je igre konec in izpis ob koncu igre.

    Povezava videza (CSS) s funkcionalnostjo (20 TOČK):

    • Pravilne odzivnosti in prikaz pri izbiri igralcev in števila slik (10 TOČK)
      • Pravilnost prikaza kdo je na potezi
    • Prikazi vezane na »obračanje« kartic (10 TOČK)
      • Prikaz slike ob kliku na še neodkrito sliko
      • Skritje neenakih slik ob prvem kliku novega igralca (na še neodkrito sliko)