Ćwiczenia z JavaScript

1. Wyświetlanie komunikatów

Alert Potwierdzenie Prompt Konsola Zmień tekst

Tekst do zmiany

function showMessage() { 
    alert('Witaj w JavaScript!');
}
function showConfirm() { 
    let result = confirm('Czy jesteś pewien?');
    document.getElementById("messageResult").innerText = result ? "Potwierdzono" : "Anulowano";
}
function showPrompt() { 
    let name = prompt('Podaj swoje imię:');
    document.getElementById("messageResult").innerText = name ? "Witaj, " + name : "Nie podano imienia";
}
function consoleLog() { 
    console.log('Wiadomość w konsoli');
}
function changeText() { 
    document.getElementById("text").innerText = "Nowy tekst!";
}
        

2. Zmienne i ich typy

Testuj

function testVariables() {
    let number = 10;
    let text = "To jest tekst";
    let isTrue = true;
    let array = [1, 2, 3];
    let object = { key: "value" };
    let result = `Liczba: ${number}, Tekst: ${text}, Boolean: ${isTrue}, Tablica: ${array.join(", ")}, Obiekt: ${JSON.stringify(object)}`;
    document.getElementById("variablesResult").innerText = result;
}
        

3. Operatory

Dodawanie Odejmowanie Mnożenie Dzielenie Modulo

function calculate() { 
    let result = 5 + 3;
    document.getElementById("operatorResult").innerText = "Wynik dodawania: " + result;
}
function subtract() { 
    let result = 10 - 4;
    document.getElementById("operatorResult").innerText = "Wynik odejmowania: " + result;
}
function multiply() { 
    let result = 6 * 7;
    document.getElementById("operatorResult").innerText = "Wynik mnożenia: " + result;
}
function divide() { 
    let result = 20 / 5;
    document.getElementById("operatorResult").innerText = "Wynik dzielenia: " + result;
}
function modulo() { 
    let result = 10 % 3;
    document.getElementById("operatorResult").innerText = "Wynik modulo: " + result;
}
        

4. Instrukcja warunkowa

Parzysta Nieparzysta Dodatnia Ujemna Zero

function checkEvenOdd(num) { 
    let result = num % 2 === 0 ? "Parzysta" : "Nieparzysta";
    document.getElementById("conditionalResult").innerText = result;
}
function checkPositiveNegative(num) { 
    let result = num > 0 ? "Dodatnia" : "Ujemna";
    document.getElementById("conditionalResult").innerText = result;
}
function checkZero(num) { 
    let result = num === 0 ? "Zero" : "Nie zero";
    document.getElementById("conditionalResult").innerText = result;
}
        

5. Instrukcja switch

Poniedziałek Środa Piątek Niedziela Błąd

function getDayName(dayNumber) {
    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";
    }
    document.getElementById("switchResult").innerText = dayName;
}