Okna dialogowe

Okno dialogowe alert

Okno alert wyświetla komunikat tekstowy i nie zwraca żadnej wartości. Komunikatem może być tekst lub inny obiekt, który zostanie automatycznie przekonwertowany do tekstu.

Okno dialogowe confirm

Okno confirm wyświetla komunikat tekstowy i zwraca wartość true, jeśli użytkownik naciśnie OK lub false, jeśli użytkownik naciśnie Cancel.

Okno dialogowe prompt

Okno prompt wyświetla komunikat tekstowy i zwraca tekst wpisany przez użytkownika lub null jeżeli nic nie zostało wpisane.

Zadania

Zadanie 1. #

Okno typu alert

Umieść na stronie element button z tekstem Proste wywołanie okna alert. Następnie do atrybutu onclick w elemencie button dopisz wywołanie JavaScriptowej metody alert z komunikatem To jest właśnie proste wywołanie okna alert.
Umieść na stronie kolejny element button z tekstem Wywołanie okna alert poprzez nasłuchiwanie zdarzenia na tym elemencie. Dodaj mu też atrybut id z dowolną, ale unikalną wartością. Używając tego identyfikatora wyszukaj element button w pliku JavaScript i dodaj mu nasłuchiwanie zdarzenia typu click. Kiedy to zdarzenie nastąpi, to wywołaj okno alert z komunikatem Możesz być z siebie dumny

Zadanie 2. #

Wykonaj przykładowe zadanie z użyciem okna confirm

Umieść na stronie element button z tekstem Wywołanie okna confirm. Dodaj mu atrybut id z dowolną, ale unikalną wartością. Używając tego identyfikatora wyszukaj element button w pliku JavaScript i dodaj mu nasłuchiwanie zdarzenia typu click. Kiedy to zdarzenie nastąpi, to wywołaj funkcję oknoConfirm().
Funkcja ta ma zawierać wywołanie okna confirm z pytaniem Czy jesteś pewien, że chcesz kontynuować? i zapisanie tego co to okno zwróci (true lub false w zależności od klikniętego przycisku)
Użyj instrukcji if do sprawdzenia co zwraca okno confirm
Jeżeli okno confirm zwróci true, to wywołaj okno alert z tekstem No to kontynuuj...
Jeżeli okno confirm zwróci false, to wywołaj okno alert z tekstem Przykro mi, że nie chcesz kontynuować...

Zadanie 3. #

Wykonaj przykładowe zadanie z użyciem okna prompt

Umieść na stronie element button z tekstem Wywołanie okna prompt. Dodaj mu atrybut id z dowolną, ale unikalną wartością. Używając tego identyfikatora wyszukaj element button w pliku JavaScript i dodaj mu nasłuchiwanie zdarzenia typu click.
Kiedy to zdarzenie nastąpi, to wywołaj okno prompt() z prośbą Podaj swoje imię: i zapisz to, co to okno zwróci do zmiennej imie.
Użyj instrukcji if do sprawdzenia czy ta zmienna ma jakąś wartość
Jeżeli ma, to wywołaj okno alert z tekstem "Witaj " + imie
Jeżeli nie ma, to wywołaj okno alert z tekstem "Anulowałeś akcję, a okienko zwróciło " + imie

2023-09-25 09:52:03 2023-10-16 14:25:46

Ostatnie lekcje

JavaScript
Tablice

Tworzenie tablicy const tab1 = ; const tab2 = ; const a = "pies"; const b = 1024; const c = "buda"; const tab3 = ; Metody wykorzystywane w pracy z tablicami push() – dodaje element/y

JavaScript
Funkcje matematyczne

JavaScript
Instrukcje warunkowe

Instrukcja if if (warunek1) { // kod, który się wykona, gdy warunek1 będzie prawdziwy } else if (warunek2) { // kod, który się wykona, gdy warunek2 będzie prawdziwy } else { // ko

PHP
Tablice superglobalne

Tablica $_GET zawiera dane z formularza wysłanego metodą get oraz wartości przesłane w adresie URL. Tablica $_POST zawiera dane z formularza wysłanego metodą post Tablica $_SERVER zawiera

PHP
Funkcje związane z datą i czasem

Formatowanie daty i czasu date(string $format, ?int $timestamp = null): string Funkcja date zwraca datę lub czas w postaci tekstu. Jej obowiązkowym parametrem jest $format, a opcjonalnym znaczni