JavaScript Izjave (Statements)

JavaScript izjave (statements) so osnovni gradniki vsakega programa. To so navodila, ki jih brskalnik ali JavaScript pogon izvede eno za drugo. Program je v bistvu seznam teh izjav, ki se izvajajo v zaporedju – od zgoraj navzdol, točno v vrstnem redu, kot so zapisane.

Vsaka izjava običajno konča s podpičjem (;), kar ločuje ukaze in preprečuje napake pri razumevanju kode. JavaScript je fleksibilen glede bilih prostorov (presledkov, tabulatorjev, novih vrstic), kar programerjem omogoča, da kodo oblikujejo tako, da je čim bolj berljiva in pregledna. Za organizacijo več izjav v eno logično celoto uporabljamo bloke kode, označene z zavitimi oklepaji { ... }, ki so ključni za funkcije, zanke in pogojne stavke.

Razumevanje pravilnega zapisovanja izjav, uporabe podpičja in oblikovanja kode je temelj za pisanje čiste, učinkovite in brezhibne programske kode.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Izjave - Primeri</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <style>
        .section {
            background-color: white;
            border: 1px solid #ddd;
            max-width: 100%;
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 6px;
        }
        
        .section h3 {
            margin-top: 0;
            color: #0066cc;
        }
        
        .output {
            margin-top: 10px;
            color: #333333;
        }
    </style>
</head>
<body>
    <div class="section">
        <h3>1. Osnovne izjave (Deklaracije in seštevanje)</h3>
        <p id="a" class="output"></p>
        <p id="b" class="output"></p>
    </div>

    <div class="section">
        <h3>2. Switch (Izbira dneva)</h3>
        <p id="izpis-switch" class="output"></p>
    </div>

    <div class="section">
        <h3>3. If (Preverjanje pogojev)</h3>
        <p>Trenutna starost: <strong id="izpis-starosti"></strong></p>
        <p id="rezultat-preverjanja" style="font-weight: bold;" class="output"></p>
    </div>

    <div class="section">
        <h3>4. If / Else If / Else (Dinamični pozdrav)</h3>
        <p id="izpis-ure" class="output"></p>
        <p id="izpis-pozdrava" style="font-size: 1.5em; font-weight: bold;" class="output"></p>
    </div>

    <script>
        /* ========================================
           1. OSNOVNE IZJAVE
           Deklaracije, inicializacije in seštevanje
        ======================================== */
        let a, b, c;
        a = 117;
        b = 613;
        c = a + b;

        document.getElementById("a").innerHTML =
            "Seštevanje spremenljivk a = " + a + " in b = " + b + " je = " +
            "<strong style='color: #e44d26;'>" + c + "</strong>";

        // Pozdravno sporočilo z varnostnim try-catch
        try {
            const element = document.getElementById("b");
            if (element) {
                element.innerHTML = "Dobrodošli v mojo JavaScript vadnico!";
            }
        } catch (error) {
            console.error("Prišlo je do napake:", error);
        }

        /* ========================================
           2. SWITCH
           Izbira glede na dan v tednu
        ======================================== */
        let dan;
        // getDay() vrne številko od 0 (nedelja) do 6 (sobota)
        switch (new Date().getDay()) {
            case 0:
                dan = "Nedelja";
                break;
            case 1:
                dan = "Ponedeljek";
                break;
            case 2:
                dan = "Torek";
                break;
            case 3:
                dan = "Sreda";
                break;
            case 4:
                dan = "Četrtek";
                break;
            case 5:
                dan = "Petek";
                break;
            case 6:
                dan = "Sobota";
                break;
            default:
                dan = "Neznan dan";
        }

        document.getElementById("izpis-switch").innerHTML = "Danes je: <strong>" + dan + "</strong>";

        /* ========================================
           3. IF
           Preverjanje pogojev (polnoletnost)
        ======================================== */
        // Nastavi poljubno starost (poskusi spremeniti to številko!)
        const starost = 18;

        // Izpis trenutne starosti
        document.getElementById("izpis-starosti").innerHTML = starost;

        // Logika preverjanja
        if (starost >= 18) {
            document.getElementById("rezultat-preverjanja").innerHTML = "Status: Oseba je polnoletna.";
        }

        if (starost < 18) {
            document.getElementById("rezultat-preverjanja").innerHTML = "Status: Oseba je mladoletna.";
        }

        /* ========================================
           4. IF / ELSE IF / ELSE
           Dinamični pozdrav glede na čas
        ======================================== */
        // Pridobimo trenutno uro (0-23)
        const ura = new Date().getHours();
        document.getElementById("izpis-ure").innerHTML = "Trenutna ura: " + ura + ":00";

        let sporocilo = "";

        // 1. Če je ura manj ali enako 11 (Dopoldne)
        if (ura <= 11) {
            sporocilo = "Dobro jutro!";
        }
        // 2. Če je ura med 12 in 18 (Popoldne)
        else if (ura > 11 && ura <= 18) {
            sporocilo = "Dober dan!";
        }
        // 3. Če noben zgornji pogoj ne drži (Zvečer/Ponoči)
        else {
            sporocilo = "Dober večer!";
        }

        // Izpis rezultata
        document.getElementById("izpis-pozdrava").innerHTML = sporocilo;
    </script>
</body>
</html>

REZULTAT

Koncept	Primer	Opis
Zaporedje izvajanja
`Sequencial execution`	`let x = 5; let y = 10;`	Koda se izvaja od zgoraj navzdol, vrstica za vrstico.
Podpičje (;)
`Statement terminator`	`let a = 1; let b = 2;`	Podpičje označuje konec izjave. Omogoča več ukazov v eni vrstici.
Beli prostor (Whitespace)
`Indentation`	`if (true) { console.log("Zdravo!"); }`	Presledki in tabulatorji ne vplivajo na kodo, ampak izboljšajo berljivost.
Prelom dolgih vrstic
`Line breaks`	`let longString = "To je zelo dolga besedilna vrstica";`	Dolge izjave lahko razbijemo na več vrstic za boljšo preglednost.
Bloki kode { ... }
`Code blocks`	`{ let x = 1; let y = 2; }`	Zaviti oklepaji združujejo več izjav v eno skupino (npr. v funkcijah, zankah, if stavkih).
Pogojni stavki (Control Flow)
`if / else`	`if (x > 5) { ... } else { ... }`	Izvede kodo, če je pogoj resničen, sicer izvede drugo kodo.
`switch`	`switch(day) { case 1: ... break; }`	Izbere eno izmed več možnosti glede na vrednost spremenljivke.
Zanke in skoki
`break`	`if (x === 5) break;`	Neposredno prekine zanko ali switch stavek.
`continue`	`if (x % 2 === 0) continue;`	Preskoči preostanek trenutne iteracije in gre na naslednjo.
`return`	`return x + y;`	Konča funkcijo in vrne vrednost.

REZULTAT

JavaScript Izjave (Statements)

Vadnica.org

Povezave

Podpora