funkcja writeln() działa tak samo jak write(), z tym że na końcu wyświetlanego ciągu znaków dodaje znak przejścia do nowego wiersza. Niestety, nie zobaczymy tego efektu, jeżeli całość nie znajdzie się w bloku tekstu preformatowanego, tzn. pomiędzy znacznikami <PRE> i </PRE>.
<HTML>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<HEAD>
<PRE>
<SCRIPT>
document.writeln ("Witamy");document.write ("na naszej stronie");
</SCRIPT>
</PRE>
</HEAD>
<BODY>
</BODY>
</HTML>
Wyświetl na ekranie okno dialogowe pozwalające na podanie przez użytkownika imienia. Następnie wyprowadź na ekran napis powitalny zawierający podane imię.
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!-- Ukrycie przed przeglądarkami nieobsługującymi JavaScript
var imie = prompt ("Podaj swoje imię:");
document.write ("Cześć " + imie + "!");
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY>
</BODY>
</HTML>
Zadeklarowaliśmy zmienną o nazwie imie, której przypisaliśmy wartość zwracaną przez funkcję prompt(). Następnie wypisaliśmy wartość tej zmiennej, razem z tekstem powitania na ekran. Nie musimy jednak wcale deklarować zmiennej, aby uzyskać taki sam efekt. Wystarczy, że wywołanie funkcji prompt() umieścimy w argumencie funkcji write().
Wyświetl na ekranie okno dialogowe pozwalające na podanie przez użytkownika swojego imienia. Następnie, nie używając zmiennych, wyprowadź na ekran napis powitalny zawierający podane imię.
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!-- Ukrycie przed przeglądarkami nieobsługującymi JavaScript
document.write ("Cześć " + prompt ("Podaj swoje imię:") + "!");
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY>
</BODY>
</HTML>
Spowoduj, aby w oknie dialogowym wywoływanym przez funkcję prompt() nie pojawiała się wartość „Undefined”, lecz pusty łańcuch znaków
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!-- Ukrycie przed przeglądarkami nieobsługującymi JavaScript
document.write ("Cześć " + prompt ("Podaj swoje imię:", "") + "!");
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY>
</BODY>
</HTML>
Funkcja prompt() zwraca wartość podaną przez użytkownika lub jeśli nie podał on żadnej, wartość domyślną, tylko w przypadku naciśnięcia przycisku OK. Jeżeli jednak użytkownik wcisnął przycisk Anuluj (Cancel), zwrócona zostanie wartość null.
Wyświetl na ekranie okno dialogowe pozwalające na podanie przez użytkownika imienia. Wyprowadź na ekran napis powitalny zawierający podane imię. W przypadku gdy użytkownik naciśnie przycisk Anuluj (Cancel), ma pojawić się stosowny komunikat
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!-- Ukrycie przed przeglądarkami nieobsługującymi JavaScript
var imie = prompt ("Podaj swoje imię:", "");
if (imie == null) {
document.write ("<H3>Czemu wcisnąłeś przycisk Anuluj? Nie chcesz podać swojego imienia?");
}
else {
document.write ("Cześć " + imie + "!");
}
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY>
</BODY>
</HTML>
Mamy tu kilka nowych elementów wymagających wyjaśnienia. Na początku deklarujemy zmienną imie i przypisujemy jej od razu wartość zwróconą przez funkcję prompt(). Jest to ciąg znaków wprowadzony przez użytkownika lub wartość null. Następnie za pomocą konstrukcji if...else sprawdzamy, czy wartość zmiennej imie jest równa null. Jeśli tak, wykonujemy ciąg instrukcji zapisany pomiędzy nawiasami { } po instrukcji if. W przeciwnym przypadku wykonujemy instrukcje z bloku po występującego po instrukcji else. Ogólna konstrukcja if...else wygląda następująco:
if (warunek logiczny) {
instrukcje do wykonania, jeśli warunek jest prawdziwy
}
else {
instrukcje do wykonania, jeśli warunek nie jest prawdziwy
}
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!-- Ukrycie przed przeglądarkami nieobsługującymi JavaScript
var x = 12;
var y;
/*1*/document.write (++x);
/*2*/document.write (" ");
/*3*/document.write (x++);
/*4*/document.write (" ");
/*5*/document.write (x);
/*6*/document.write (" ");
/*7*/y = x++;
/*8*/document.write (y);
/*9*/document.write (" ");
/*10*/y = ++x;
/*11*/document.write (y);
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY>
</BODY>
</HTML>
Wyświetl na ekranie okno dialogowe pozwalające na podanie przez użytkownika swojego imienia. Wyprowadź na ekran napis powitalny zawierający podane imię. W przypadku, gdy użytkownik naciśnie przycisk Anuluj (Cancel) lub nie poda imienia i wciśnie przycisk OK, ma się pojawić stosowny komunikat.
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</HEAD>
<SCRIPT LANGUAGE = "JavaScript">
<!-- Ukrycie przed przeglądarkami nieobsługującymi JavaScript
var imie = prompt ("Podaj swoje imię:", "");
if ((imie == null) || (imie == "")){
document.write ("Dlaczego nie podałeś swojego imienia?");
}
else{ document.write ("Cześć " + imie + "!");
}
// Koniec kodu JavaScript -->
</SCRIPT>
<BODY>
</BODY>
</HTML>
Znaczenie konstrukcji if ((imie == null) || (imie == "")) jest następujące: jeżeli zawartość zmiennej imie równa jest wartości null lub wartość zmiennej imie równa jest pustemu łańcuchowi znaków, całe wyrażenie przyjmuje wartość TRUE, zatem jest wykonywany blok instrukcji po if. Jeżeli jednak użytkownik podał jakąś i wartość zmiennej imie nie jest równa ani null, ani pustemu ciągowi znaków, wykonujemy blok instrukcji występujący po else. W ten sposób jednocześnie wykorzystaliśmy instrukcje porównania i instrukcje logiczne.