A Webfejlesztés blokk honlapja

Javascript II.

getElementById gyakorlás

1. Ha a felhasználó a Kattints gombra kattint, akkor ugorjon fel egy kis ablak melyben a következő szöveg szerepeljen: Ön az alábbi promóciós kódot adta meg: [a Promóciós kód mezőbe beírt érték]!

Megoldás

2. Ha a Név megadása gombra kattintunk akkor ugorjon fel egy ablak melyben bekérjük a felhasználó nevét, a megadott érték pedig kerüljön a Név textboxba.

Megoldás

3. Ha a felhasználó 5nél több napot ír be a megfelelő textboxba akkor a textbox mellett jelenjen meg a Akció gombra kattintás után a -20% szöveg.

Megoldás

4. Ha a Ellenőrzés gombra kattintunk, akkor a Foglalási adatok cellának legyen 3 pixel solid típusú piros kerete.

Megoldás

5. (A feladatnak nincs valós értelme, de jó gyakorláshoz). Ha a Kedvezmény kérése gombra kattintunk akkor a felhasználó által beírt hány fő értékét szorozzuk meg a hány nap mezőbe beírt értékkel, majd ehhez az értékhez fűzzük hozzá a Slovenija szót és írassuk ki a Promóciós kódot a felirat után! (pl.: hány fő: 5, hány nap: 7 -> Promóciós kód: 35Slovenija)

Megoldás

6. Ha a Helyszín választás szöveg fölé visszük az egeret, akkor a Melyik nevezetességet tekintené meg? szöveg változzon meg Válasszon bátran!-ra, majd ha elvisszük az egeret, változzon vissza.

Megoldás