edusi.pl

📘 Teoria

🔹 Wyświetlanie tekstu – document.write()

Służy do wyświetlania treści w dokumencie HTML
Może zawierać zwykły tekst oraz znaczniki HTML
Użycie po załadowaniu strony nadpisuje jej zawartość

document.write("Witaj świecie");

Przykład z HTML:

<script>
document.write("<h1>Mój pierwszy skrypt</h1>");
document.write("<p>Tekst może być sformatowany</p>");
</script>

---

🔹 Okna dialogowe

JavaScript umożliwia komunikację z użytkownikiem poprzez okna dialogowe:

alert() – komunikat
confirm() – decyzja (OK / Anuluj)
prompt() – wprowadzanie danych

---

🔹 alert()

alert("Witaj na stronie");

wyświetla komunikat
zatrzymuje działanie skryptu do momentu kliknięcia OK

---

🔹 confirm()

let wynik = confirm("Czy chcesz kontynuować?");

zwraca true (OK) lub false (Anuluj)


if (wynik) {
    console.log("Użytkownik potwierdził");
} else {
    console.log("Użytkownik anulował");
}

---

🔹 prompt()

let imie = prompt("Podaj imię:");

pozwala użytkownikowi wpisać dane
zwraca tekst lub null


if (imie !== null) {
    alert("Cześć " + imie);
}

---

🔹 Wnioski (egzaminacyjne)

document.write() – do prostych przykładów (nie w nowoczesnych aplikacjach)
alert() – tylko do debugowania / testów
prompt() i confirm() – podstawowa interakcja

🧠 Ćwiczenia praktyczne

Wyświetl komunikat „Hello JS”
Wyświetl nagłówek h1 przez document.write
Zapytaj użytkownika o imię
Sprawdź odpowiedź confirm()
Wyświetl komunikat zależny od odpowiedzi


// 1
alert("Hello JS");

// 2
document.write("<h1>Witaj</h1>");

// 3
let imie = prompt("Podaj imię");

// 4-5
let decyzja = confirm("Czy kontynuować?");
if (decyzja) {
    alert("OK");
} else {
    alert("Anulowano");
}

📊 Zadania

Wyjaśnij różnicę między alert a confirm
Co zwraca prompt?
Kiedy nie używać document.write?
Jak sprawdzić decyzję użytkownika?
Co się stanie gdy użytkownik kliknie Anuluj?

📊 Zadania egzaminacyjne

Zadanie 1

Napisz skrypt, który pobiera imię i wyświetla komunikat powitalny.


let imie = prompt("Podaj imię");
if (imie) {
    alert("Witaj " + imie);
}

Zadanie 2

Użyj confirm do potwierdzenia usunięcia danych.


if (confirm("Usunąć dane?")) {
    console.log("Usunięto");
}

📝 Test (10 pytań)

1. document.write służy do:

2. alert:

3. confirm zwraca:

4. prompt:

5. document.write może zawierać:

6. confirm OK =

7. prompt anuluj =

8. alert zatrzymuje:

9. document.write po załadowaniu:

10. JS służy do:

👨‍🏫 Dla nauczyciela

Warto przeprowadzić ćwiczenia na żywo – uczniowie powinni zobaczyć różnice między alert, confirm i prompt oraz ich zastosowanie w praktyce.

Temat 2: Wyświetlanie komunikatów – document.write i okna dialogowe