Okno dialogowe jest narzędziem pozwalającym na nawiązanie interakcji z użytkownikiem. JavaScript umożliwia wykorzystanie trzech typów okien dialogowych: informacyjnego, decyzyjnego i tekstowego.

Okno dialogowe

Zadaniem okna dialogowego jest wyświetlenie określonej informacji, bez wpływu na kolejne instrukcje skryptu. Jego budowa jest względnie prosta.

alert(arg)

Metoda, której używa okno dialogowe, to alert, zaś jej argument arg to treść, która zostanie wyświetlona w oknie.

alert("Oto komunikat dla użytkownika.\n\nFajne, c'nie?")

Sprawdź w praktyce!

Okno decyzyjne

Zadaniem okna decyzyjnego jest wyświetlenie komunikatu i pozwolenie użytkownikowi na wybór przycisku OK lub Anuluj, w zależności od jego woli. Metoda confirm z argumentem arg zwraca wartość logiczną true lub false.

confirm(arg)

if(confirm("Wybierz jeden z dwóch przycisków.") == true) {
	alert("Wybrano OK.")
} else {
	alert("Wybrano Anuluj.")
}

Sprawdź w praktyce!

Okno tekstowe

Zadaniem okna tekstowego jest wyświetlenie komunikatu określonego dla metody prompt w argumencie arg1 i ewentualne podanie domyślnej odpowiedzi określonej w argumencie arg2. Funkcja zwraca odpowiedź użytkownika.

prompt(arg1, arg2)

tekst = prompt('Javascript to:', 'skryptowy język programowania')
alert('Według Ciebie, JS to: '+tekst)

Sprawdź w praktyce!