Ćwiczenia JavaScript – przygotowanie do egzaminu

Ćwiczenie 1: Zmienne i alert

Napisz skrypt, który poprosi użytkownika o imię i wyświetli je w okienku alert().

Pokaż rozwiązanie Sprawdź w praktyce

// Rozwiązanie
let imie = prompt("Podaj swoje imię:");
alert("Witaj, " + imie + "!");
    

Ćwiczenie 2: Instrukcja warunkowa

Napisz skrypt, który sprawdzi, czy liczba podana przez użytkownika jest parzysta czy nieparzysta.

Pokaż rozwiązanie Sprawdź w praktyce

// Rozwiązanie
let liczba = parseInt(prompt("Podaj liczbę:"));
if (liczba % 2 === 0) {
  alert("Liczba " + liczba + " jest parzysta.");
} else {
  alert("Liczba " + liczba + " jest nieparzysta.");
}
    

Ćwiczenie 3: Pętla for

Napisz skrypt, który wyświetli liczby od 1 do 10 w konsoli.

Pokaż rozwiązanie Sprawdź w praktyce

// Rozwiązanie
for (let i = 1; i <= 10; i++) {
  console.log(i);
}
    

Ćwiczenie 4: Funkcja

Napisz funkcję, która przyjmie dwie liczby i zwróci ich sumę. Wynik wyświetl w okienku alert.

Pokaż rozwiązanie Sprawdź w praktyce

// Rozwiązanie
function suma(a, b) {
  return a + b;
}
let x = parseFloat(prompt("Podaj pierwszą liczbę:"));
let y = parseFloat(prompt("Podaj drugą liczbę:"));
alert("Suma: " + suma(x, y));
    

Ćwiczenie 5: Tablica

Napisz skrypt, który utworzy tablicę z 5 imionami i wypisze je wszystkie w konsoli.

Pokaż rozwiązanie Sprawdź w praktyce

// Rozwiązanie
let imiona = ["Kasia", "Tomek", "Ola", "Marek", "Zosia"];
for (let i = 0; i < imiona.length; i++) {
  console.log(imiona[i]);
}
    

Ćwiczenie 6: Obiekt Math

Napisz skrypt, który wylosuje liczbę całkowitą od 1 do 100 i wyświetli ją w alert.

Pokaż rozwiązanie Sprawdź w praktyce

// Rozwiązanie
let los = Math.floor(Math.random() * 100) + 1;
alert("Wylosowana liczba: " + los);
    

Ćwiczenie 7: Obsługa DOM

Napisz skrypt, który po kliknięciu przycisku zmieni kolor tekstu akapitu na czerwony.

Pokaż rozwiązanie Sprawdź w praktyce

// Rozwiązanie
document.getElementById("przycisk").addEventListener("click", function() {
  document.getElementById("tekst").style.color = "red";
});
    

To jest przykładowy tekst.

Kliknij mnie