HTML feladatok (77 feladat)

Az oldal folyamatos fejlesztés alatt áll. Ha észrevételed van, örülnénk, ha megosztanád velünk: info @ tanit . hu
Az érettségi feladatokat a mellékletekkel, megoldásokkal együtt az Oktatási Hivatal weboldaláról vettük át. És van Online HTML editor is :)

Tartalomjegyzék


13 Java script alapok URL


13-00 Java script alapok URL

Feladat leírás:

<head>
<script src="myscripts.js"></script> - External (külső) JS fájlra hivatkozás.
</head>
<body>
<script> </script> - JS kód beszúrása.
</body>



13-01 JS alert URL

Feladat leírás:
Készíts el egy szabványos HTML fájlt "13-01 JS alert.html" néven, amely tartalmaz egy gombot,
amelyre ha kattintunk, akkor megjelenik egy JavaScript alert ablak egy rövid üzenettel.
Az eredményt ellenőrizd le egy online HTML validátorral!
Végeredmény minta (részlet):
13-01 JS alert.png


13-02 JS események URL

Feladat leírás:
Készíts el egy szabványos HTML fájlt "13-02 JS esemenyek.html" néven, kiinduláshoz használd a mellékelt alap fájlt.
Tartalmazzon
1. Egy gombot, amelyre ha kattintunk, akkor megjelenik egy JavaScript alert ablak egy rövid üzenettel.

2. Egy beviteli mezőt, amelybe ha gépelünk, gépelés közben a szöveg megjelenik egy alatta levő current-text azonosítójú elemben.

3. Ha a szöveg véglegesítődik, azaz kilépünk belőle vagy entert ütünk, akkor beíródik a final-text azonosítójú elembe.

4. Ha a mouse-over-text azonosítójú szöveg fölött jár az egér kurzor, azt az alatta levő mouse-over-info elembe írt szöveggel jelezzük.

Az eredményt ellenőrizd le egy online HTML validátorral!
Segítségként itt elérhető egy előkészített alap fájl: 13-02 JS esemenyek.txt
Végeredmény minta (részlet):
13-02 JS esemenyek.png


13-03 JS számláló URL

Feladat leírás:
Készíts el egy szabványos HTML fájlt "13-03 JS szamlalo.html" néven, amely tartalmaz egy gombot,
amelyre ha kattintunk, akkor az alatta levő számláló értéke eggyel növekszik.
Kiinduláshoz használd a mellékelt alap fájlt.
Az eredményt ellenőrizd le egy online HTML validátorral!
Segítségként itt elérhető egy előkészített alap fájl: 13-03 JS szamlalo.txt
Végeredmény minta (részlet):
13-03 JS szamlalo.png


13-04 JS számláló plusz URL

Feladat leírás:
Készíts el egy szabványos HTML fájlt "13-04 JS szamlalo plusz.html" néven, amely tartalmaz:
1. Egy lista választó elemet, az Egy, Öt és Tíz elemekkel.

2. Egy gombot, amelyre ha kattintunk, akkor az alul levő számláló értéke növekszik annyival, amennyi a fentebbi listaválasztóval ki van éppen választva.

3. Egy Nullázó gombot, amely a számláló értékét nullázza le.

4. Minden fentebb említett elem körül legyen 0.5em margó.

Kiinduláshoz használd a mellékelt alap fájlt.
Az eredményt ellenőrizd le egy online HTML validátorral!
Segítségként itt elérhető egy előkészített alap fájl: 13-04 JS szamlalo plusz.txt
Végeredmény minta (részlet):
13-04 JS szamlalo plusz.png