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:

<html>
   <head>
     <title>Tytuł</title>
     <script 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!.