Javascript III.
String objektum, Navigator objektum, utasítások időzítése, beépített objektumok, tömbök, jQuery
Megjegyezzük, hogy a feladatokhoz megadott megoldásaink nem minden esetben
a "legszebb", legelegánsabb megoldások. Ennek oka az, hogy törekedtünk
arra, hogy a megoldásokban ne használjunk mást, mint amiket az órákon megtanítunk,
és a fóliákon megtalálható.
1. Írjunk programot, mely bekér egy szót és egy betűt. A program írja ki, hanyadik pozíción van a szóban az első ilyen betű. Ha nincs benne, azt is írja ki.
2. Írjunk programot, mely bekér egy szót és egy betűt. A program írja ki, hogy a bekért betűből hány darab van a szóban. Ha nincs benne, azt is írja ki.
3. Készítsünk JavaScript kódot, mely az oldal betöltődésekor felugró ablakban bekéri, hogy melyik szám faktoriálisát szeretnénk kiszámoltatni. A program számolja ki a faktoriálist és írja az eredményt az oldalra. Használjunk ciklusos megoldást. Megjegyzés: 0!=1 és 1!=1
4. Oldjuk meg az előző feladatot most rekurzió segítségével.
5. A program egy szövegdobozban írja ki a következő szöveget: "Ezt szépen lassan jelenítjük meg" A kíírás lassan, betűnkként történjen. Csak addig írjuk ki a szöveget, amíg a szövegdobozban kifér.
Megoldás növekvő szövegdobozzal
6. A program írja ki egy textboxban a "Te vagy a legszebb és legokosabb" szöveget fényújságszerűen.
7. Módosítsuk a korábbi idő-bekérő programunkat úgy, hogy az órát ne a felhasználónak kelljen beadni, hanem a rendszeridőből vegye az értékét a program.
8. Írjunk programot, mely kiírja a mai dátumot. A kimenetet hozzuk az alábbi kimenethez hasonló formájúra:
9. Írjunk programot, mely kiírja, hány napos vagy aznap. Date() segítségével add meg a születési időpontodat. Az output az alábbihoz hasonlítson:
10. Készítsünk lapozható fotóalbumot JavaScript segítségével! Használjuk a olasz.zip olaszországi képeket és két
nyilat: 
Tipp:
- a feladat megoldásához a képeket sorszámozva kell átnevezni
- szöveget tömbváltozóba darabolhatunk a split metódussal, zárójelben a daraboló karaktert kell megadnunk
11. Írjunk programot, amely betölti a nzealand .jpg képet. Ha az egérrel a kép fölé állunk, a rock.jpg kép jelenjen meg a másik kép helyén.
12. Írjunk programot, mely önmagától váltogatja a kep1.jpg, kep2.jpg, ...,kep5.jpg képeket. (animacio.html). A képek a kep.zip fájlban találhatóak.
13. Módosítsd a galéria kinézetét és viselkedését, a kiinduló fájlokat ITT találod.
- Automatikusan gördüljön tovább a galéria, 3 másodpercet töltsön egy képen.
- Cseréld ki a képeket az alábbiakra (ügyelj a formátumra): Képek
- Csak 1 kép jelenjen meg egyszerre mindegyik nézetben, ne 3.
- Állítsd át az oldalsó nyilak színét feketéről egy általad választott színre. (Tipp: Chrome DevTools-ban nézd meg, hogy mire és hogyan állítódik be)
- Állíts át az alsó pontok színét két általad választottra, az aktív színe mindig más legyen, mint a többi színe. (Tipp: hasonlóan az előző feladathoz)
- Tabletes nézetben 40px jelenjen meg a szélén a többi képből, telefonos nézetben 20px.
- Telefonos nézetben csak 2 másodpercet töltsön egy képen.
14. Hozz létre minimalista űrlapot és validáld jQuery Validation Plugin segítségével.
15. Hozz létre fotóalbumot az itt letöltött képekből jQuery segítségével.
Egy 5 fényképből álló fotóalbum olaszországi képekből: olasz.zip
Egy 45 fényképből álló fotóalbum párizsi képekből: fr.zip
Megoldás (Megjegyzés: a megoldásból még hiányzik az alt-ok és a title-k kitöltése.
Ha kész vagy, oldd meg, hogy a fotóalbum a weboldal közepén helyezkedjen el vízszintesen. Tipp: F12.