JavaScript gyakorló feladatok¶
Hőmérséklet átváltó¶
Készíts egy hőmérséklet átváltót, amely Celsiusból Fahrenheitre és Kelvinre is átváltja a megadott értéket.
Funkciók és elemek:
- 1 db beviteli mező a hőmérséklet (Celsiusban) megadásához.
- Számítás gomb, amelyre kattintva az átváltott értékek (Fahrenheit, Kelvin) megjelennek.
- \(K = C + 273.15\)
- \(F = C \times 1.8 + 32\)
- Az eredményt két formátumban jelenítsd meg Fahrenheit és Kelvin értékben.
Fok jelölése HTML-ben
A fok (°) a hőmérséklet mértékegysége, HTML-ben az alábbival érhető el: °
Minta¶
Minta
Számológép¶
Készíts egy egyszerű számológépet, amely megfelel az alábbi mintának!
- 2db szám beviteli mező
- 1db műveleti jel választó
- 1db gomb, amire kattintva a két számot a kiválasztott műveleti jel szerint összeadja, kivonja, szorozza vagy osztja
- Az eredményt jelenítsd meg
Minta¶
Minta
BMI kalkulátor¶
Készíts egy BMI-kalkulátort, amely kiszámítja a testtömegindexet a felhasználó testsúlya és magassága alapján.
Funkciók és elemek:
- 1 db beviteli mező a testsúly (kg) megadásához.
- 1 db beviteli mező a magasság (cm) megadásához.
- Számítás gomb, amelyre kattintva kiszámolja a BMI-t a következő képlettel:
A testsúly és a magasság nem lehet kevesebb mint nulla! Ezt korlátozd HTML-ben és ellenőrizd JS-ben!
A kapott értéket kategóriák szerint értelmezik, melyek az Egészségügyi Világszervezet (WHO) által javasolt határok alapján a következők:
| Állapot | Minimum BMI | Maximum BMI |
|---|---|---|
| Súlyos soványság | 0 | 15,9 |
| Mérsékelt soványság | 16 | 16,9 |
| Enyhe soványság | 17 | 18,4 |
| Normál testsúly | 18,5 | 24,9 |
| Túlsúlyos | 25 | 29,9 |
| Elhízott (I. fokú) | 30 | 34,9 |
| Elhízott (II. fokú) | 35 | 39,9 |
| Súlyosan elhízott (III. fokú) | 40 | - |
Az eredményt BMI értékkel és kategóriával jelenítse meg (pl. "Normál", "Túlsúlyos").
Minta¶
Minta
Pénzváltó¶
Készíts egy pénzváltót, amely az aktuális árfolyam alapján átváltja az összeget forintból euróra vagy dollárra.
Funkciók és elemek:
- 1 db beviteli mező az összeg (forintban) megadásához.
- 1 db legördülő menü, ahol a felhasználó kiválaszthatja, hogy euróra vagy dollárra szeretné átváltani.
- Számítás gomb, amelyre kattintva elvégzi az átváltást a beállított árfolyammal (pl. euró: 380 HUF, dollár: 350 HUF).
- Az eredményt jelenítse meg az átváltott összeggel.
Minta¶
Minta
Táblázat adatfeltöltés¶
Készítsünk egy táblázatot, amelyben a felhasználó az 1. sorban megadhat egy nevet és életkort, majd ez hozzáadódik a táblázathoz.
Tipp
Először a táblázat végéhez add az új sort, majd módosítsd a kódot, hogy a táblázat első sorába kerüljön az új adat!
Minta
Havi megtakarítás kalkulátor¶
Készíts egy JavaScript alapú programot, amely lehetővé teszi a felhasználó számára, hogy megadja fizetését, a félretenni kívánt százalékos arányt, valamint a megtakarítási időszak hosszát (hónapokban). A program kiszámolja és megjeleníti egy táblázatban a havi megtakarítás összegét és a teljes megtakarítást az adott időszak végére.
Példa
Bemenet:
- Havi fizetés: 300,000 Ft
- Megtakarítási arány: 20%
- Időtartam: 6 hónap
Kimenet (táblázat):
| Hónap | Havi Megtakarítás (Ft) | Teljes Megtakarítás (Ft) |
|---|---|---|
| 1 | 60,000 | 60,000 |
| 2 | 60,000 | 120,000 |
| 3 | 60,000 | 180,000 |
| 4 | 60,000 | 240,000 |
| 5 | 60,000 | 300,000 |
| 6 | 60,000 | 360,000 |