Ćwiczenia z JavaScript

1. Wyświetlanie komunikatów

Kliknij przycisk, aby zobaczyć komunikat.

Pokaż alert

function showMessage() {
    alert('Witaj w JavaScript!');
}
        

2. Zmienne i ich typy

Sprawdź działanie zmiennych w konsoli przeglądarki.

Sprawdź zmienne

function testVariables() {
    let number = 10;
    let text = "To jest tekst";
    let isTrue = true;
    console.log("Liczba:", number);
    console.log("Tekst:", text);
    console.log("Wartość logiczna:", isTrue);
    alert("Sprawdź konsolę przeglądarki (F12)");
}
        

3. Operatory

Wprowadź dwie liczby i zobacz wynik operacji.

Oblicz

function calculate() {
    let num1 = parseFloat(document.getElementById("num1").value);
    let num2 = parseFloat(document.getElementById("num2").value);
    let sum = num1 + num2;
    document.getElementById("result").innerText = "Suma: " + sum;
}
        

4. Instrukcja warunkowa

Sprawdź, czy liczba jest parzysta czy nieparzysta.

Sprawdź

function checkEvenOdd() {
    let number = parseInt(document.getElementById("number").value);
    let message = (number % 2 === 0) ? "Liczba jest parzysta" : "Liczba jest nieparzysta";
    document.getElementById("evenOddResult").innerText = message;
}
        

5. Instrukcja switch

Podaj dzień tygodnia (1-7) i zobacz jego nazwę.

Sprawdź

function getDayName() {
    let dayNumber = parseInt(document.getElementById("dayNumber").value);
    let dayName;
    switch(dayNumber) {
        case 1: dayName = "Poniedziałek"; break;
        case 2: dayName = "Wtorek"; break;
        case 3: dayName = "Środa"; break;
        case 4: dayName = "Czwartek"; break;
        case 5: dayName = "Piątek"; break;
        case 6: dayName = "Sobota"; break;
        case 7: dayName = "Niedziela"; break;
        default: dayName = "Nieprawidłowy numer dnia";
    }
    document.getElementById("dayResult").innerText = dayName;
}