12 web - 4. Feltételes Szerkezetek: If-else, Switch Statement és Ezek Alkalmazása

 A feltételes szerkezetek lehetővé teszik, hogy a program különböző utakat kövessen attól függően, hogy a megadott feltételek teljesülnek-e vagy sem. A két leggyakoribb feltételes szerkezet a if-else és a switch utasítások. E fejezet célja, hogy bemutassa ezen szerkezetek működését és alkalmazását JavaScript-ben.

4.1 If-else Szerkezet

Az if-else szerkezet lehetővé teszi, hogy egy kódblokk csak akkor hajtódjon végre, ha egy adott feltétel igaz. Ha a feltétel nem teljesül, akkor egy másik kódblokk fut le, amelyet az else ág tartalmaz.

if (feltétel) {

    // Kód, ha a feltétel igaz

} else {

    // Kód, ha a feltétel hamis

}

Példa

let age = 18;

if (age >= 18) {

    console.log("Felnőtt vagy.");

} else {

    console.log("Még nem vagy felnőtt.");

}

4.2 Switch Statement

A switch utasítás egy alternatív módja a több feltétel ellenőrzésének. Ez akkor hasznos, ha egy változó több lehetséges értékét szeretnénk ellenőrizni és minden értékhez külön kódblokkot rendelni.

Szintaxis

switch (változó) {

    case érték1:

        // Kód, ha a változó értéke érték1

        break;

    case érték2:

        // Kód, ha a változó értéke érték2

        break;

    default:

        // Kód, ha a változó egyik esetértéket sem teljesít

}

Példa

let day = 3;

switch (day) {

    case 1:

        console.log("Hétfő");

        break;

    case 2:

        console.log("Kedd");

        break;

    case 3:

        console.log("Szerda");

        break;

    case 4:

        console.log("Csütörtök");

        break;

    case 5:

        console.log("Péntek");

        break;

    case 6:

        console.log("Szombat");

        break;

    case 7:

        console.log("Vasárnap");

        break;

    default:

        console.log("Érvénytelen nap");

}

Feladat:

1.     Készítsd el az alábbi HTML oldalt:

• Az oldal tartalmazzon egy input mezőt, ahol a felhasználó megadhat egy számot.
• Egy gomb segítségével indítható el a JavaScript kód, amely ellenőrzi a szám értékét.

2.     JavaScript Kód:

• Használj if-else szerkezetet annak ellenőrzésére, hogy a megadott szám pozitív, negatív vagy nulla.

• Használj switch utasítást, hogy a szám értékét a következő kategóriákba sorold: „Kicsi” (1-10), „Közepes” (11-50), „Nagy” (51-100), és „Túl nagy” (100 felett).

3.     Eredmények Megjelenítése:

• A JavaScript kód eredményeit jelenítsd meg az oldalon egy div elemben.