JavaScript/Pierwszy program

Z Wikibooks, biblioteki wolnych podręczników.
Przejdź do nawigacji Przejdź do wyszukiwania

Witaj świecie! − szybki przykład[edytuj]

Zaczniemy od czegoś prostego, a mianowicie wyświetlenia komunikatu Witaj świecie!. Najprostszym sposobem na dokonanie tego jest wpisanie w pasku adresu przeglądarki kodu javascript:alert("Witaj świecie!")

JavaScript witaj 1.png

Po zatwierdzeniu naszym oczom powinno ukazać się mniej więcej takie okno dialogowe:

JavaScript witaj 2.png

Witaj świecie! − praktyczny przykład[edytuj]

Jak zapewne się domyślasz, powyższa metoda jest zupełnie niepraktyczna. Spróbujmy więc czegoś bardziej zaawansowanego. Utwórz plik index.html i wstaw do niego szkielet strony:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <title>Tytuł</title>
     <script type="text/javascript" src="script.js"></script>
   </head>
   <body>
     <p>Lorem ipsum.</p>
   </body>
</html>

Następnie w tym samym folderze utwórz kolejny plik, nazwij go script.js i wstaw do niego nasz program:

alert("Witaj świecie!")

Teraz możesz otworzyć plik index.html w przeglądarce. Powinieneś zobaczyć znane nam już okno dialogowe z tekstem Witaj świecie!.