Gyakorlás dolgozat előtt

1. feladat – Kör kerületének és területének kiszámítása

Fájlnév: 01_kor.html / 01_kor.js

Készíts egy weboldalt, amely kiszámítja egy kör kerületét és területét!

A weboldalon jelenjen meg:

A gomb megnyomásakor a program számolja ki a kör kerületét és területét!

Képletek:

A π értékét JavaScriptben a Math.PI segítségével kérheted le.

Ha a sugár nem pozitív szám, jelenjen meg hibaüzenet!

2. feladat – Betűméret és színezés

Fájlnév: 02_betumeret_szinezes.html / 02_betumeret_szinezes.js

Készíts egy weboldalt, amelyen a felhasználó megváltoztathatja egy bekezdés betűméretét és betűszínét!

A címsor legyen: Szövegformázás

A bekezdés szövege:

„A JavaScript segítségével megváltoztathatom a weboldal megjelenését.”

A bekezdés alatt jelenjenek meg a következő gombok:

Betűméret:

Betűszín:

A gombok megnyomásakor a bekezdés megfelelő tulajdonsága azonnal változzon meg!

Segítség:

document.getElementById("szoveg").style.fontSize = "20px"; document.getElementById("szoveg").style.color = "red";

3. feladat – Életkor ellenőrzése

Fájlnév: 03_eletkor.html / 03_eletkor.js

Készíts egy programot, amely a megadott életkor alapján szöveges értékelést ad!

A weboldalon jelenjen meg:

A program a következő feltételek szerint működjön:

Életkor Megjelenő szöveg
0–5 év Kisgyermek
6–17 év Iskoláskorú
18–64 év Felnőtt
65 év felett Nyugdíjas korú

Ha a megadott érték negatív, jelenjen meg:

„Hibás életkor!”

Üres mező esetén jelenjen meg:

„Add meg az életkorodat!”

4. feladat – Egyszerű valutaváltó

Fájlnév: 04_valutavalto.html / 04_valutavalto.js

Készíts egy weboldalt, amely eurót vált át forintra!

A weboldalon jelenjen meg:

A program 400 Ft-os euróárfolyammal számoljon!

Példa:

Ha a felhasználó nem ad meg összeget, jelenjen meg hibaüzenet!

5. feladat – Háttérszín-választó

Fájlnév: 05_hattervalaszto.html / 05_hattervalaszto.js

Készíts egy weboldalt, amelyen a felhasználó egy legördülő lista segítségével választhat háttérszínt!

A weboldalon jelenjen meg:

A gomb megnyomásakor az oldal háttérszíne változzon meg a kiválasztott színre!

Segítség:

A legördülő lista kiválasztott értékét a .value tulajdonsággal kérheted le.