A Webfejlesztés blokk honlapja

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.

Megoldás

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.

Megoldás

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

Megoldás

4. Oldjuk meg az előző feladatot most rekurzió segítségével.

Megoldás

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

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.

Megoldás

Másik megoldás

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.

Megoldás

8. Írjunk programot, mely kiírja a mai dátumot. A kimenetet hozzuk az alábbi kimenethez hasonló formájúra:

Megoldás

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:

Megoldás

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:

Egy lehetséges megoldás

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.

Megoldás

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.

Megoldás

13. 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.

Reszponzív megoldás

Ha kész vagy, oldd meg, hogy a fotóalbum a weboldal közepén helyezkedjen el vízszintesen. Tipp: F12.

14. Hozz létre minimalista űrlapot és validáld jQuery Validation Plugin segítségével.

Megoldás