Mina, Sofia Geroiskaja tegin kella näidet. Tegin kolm faili: clock.html, clock.css ja clock.js. Minu kell asub keset ekraani ja on teistest elementidest eraldatud borderiga. Kell näitab kella, kuupäeva, nädalapäeva ja aastat. Kella all on 2 nuppu ja 1 link, vasaku nuppule vajudes randomselt vahetub tausta värv, teisele nuppule vajutades saab teada mitu päeva on möödunud koroona algusest ja lingile klõpsates minnakse kodutöö repositooriumile. Lehe all on kirjutatud et Sofia Geroiskaja on autor. Kui hõljutada hiirt kella peale siis tausta värv muutub valgeks ja teksti värv mustaks. Kui hõljutada hiirt nädalapäeva, kuupäeva, aasta või kella peale siis teksti värv muutub. Praeguse date selgitamiseks kasutasin new Date() ja pärast getDay(), getMonth() jne. Olen lisanud EventListeneri Funktsioonidest on display_corona et näidata mitu päeva on möödunud koroona algusest ja change_color et vahetada background color. CSS failis kirjutasin kui suured, mis värvi, mis borderiga elemendid peavad olema, kus nad peavad asuma, milline peab olema tekst ja kuidas paigutatud. Lisasin natuke interaktivsust nuppudele, nii et kui keegi hõljutab nende peale, siis nende opacity muutub jne.
- kodutöö Eesrakenduste arendamises.
Kujunda kellanäide vastavalt maitsele või kindlale teemale, mahutades kella täisekraanile, et saaks kasutada lauakella või ekraanisäästja asemel. Selleks, et see sobiks paljudele ekraanidele, kasuta kujunduse loomisel protsendilisi väärtusi (nt width: 100%; ) või nt võimalda kella suurust kasutajal muuta.
- Veebirakendus töötab. Näitab kella, kuupäeva, nädalapäeva ja aastat.
- Vastavalt kasutaja tegevusele on võimalik muuta kolme lauakella atribuuti muuta.
- Kasutatud on eventListener'e ja funktsioone.
- Kell on originaalne ning kasutajaliides on maitsekalt kujundatud kasutades CSS-i - peab olema ise kirjutatud.
- Autori ees- ja perenimi on lehel välja toodud
- Lehel on viide rakenduse repositooriumile
README.md
failis on välja toodud autori nimi, ekraanipilt rakendusest ja kirjeldatud funktsionaalsus
- Vahetuda võivad taustapildid, taustal võib mängida muusika
- Taustale klikkides muudetakse kella taustaväri
- Kellale klõpsides muudetakse numbrite värvi või numbrite suurust;
- Iga numbri suurust saab eraldi muuta
- Nooleklahvidega saab kella ekraanil liigutada
- Küsi enne kella näitamise alustamist kasutajalt tema lemmikvärv ja tee sellest lähtudes midagi
- Muuda kella ja tausta värvi vastavalt ajale (päev/öö)
- Kella suurus ja asukoht sõltuvad hiire asukohast ekraanil
- Kirjatüüpi saab ka muuta, google.com/fonts
- Kasutaja saab lisada või kasutajaöe näidatakse mitu kellaaega erinevatest maailma kohtadest
- Elemendid muudavad asukohta teatud kasutaja käitumise peale.
- Saab vahetada keelt, kellaformaati vms.
- Sündmuste loetelu HTML DOM Events
- Ajal põhinevad sündmused JavaScript Timing Events
- CSSi muutmine HTML DOM Style Object