This article has been localized into Czech by the community.
Ahoj, světe!
Historicky každý programovací tutoriál musí začít příkladem "Ahoj, světe!". Účelem tohoto příkladu je jednoduše vypsat uživateli zprávu, která obsahuje větu "Ahoj, světe!", aniž by se přijímal jakýkoli vstup nebo dělalo cokoli jiného. Tento zvyk sahá až do roku 1974, což bylo minimálně 20 let před vynálezem JavaScriptu, ale přesto tento tutoriál začne také příkladem "Ahoj, světe!".
S JavaScriptem se místo, kam umístíme výstupní zprávu, může lišit v závislosti na JavaScriptovém enginu, který ho interpretuje. Například, pokud jej spustíme z webového prohlížeče, můžeme použít funkci alert() k zobrazení zprávy:
alert("Hello, world!");Zkuste tento příklad spustit a získáte pěkné vyskakovací okno se světoznámou zprávou pro svět. Jak jsme již dříve hovořili, tento tutoriál začne bez zaměření na prohlížeč, ale chci zmínit, že pokud tento kód vložíte do HTML souboru, musí být uvnitř tagu SCRIPT, takto:
<script>
alert("Hello, world!");
</script>Ahoj, z webové stránky!
S tím na paměti vám chci ukázat další příklad, kde integrujeme JavaScript do skutečné (byť jednoduché) webové stránky, abychom vám dali představu, jak to funguje:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<p>And now for the world famous message:</p>
<script>
document.write("Hello, world!");
</script>
<p>Thank you, and goodnight!</p>
</body>
</html>Zkuste tento příklad spustit, buď přímo zde v tomto článku, nebo uložením jako soubor .html do vašeho počítače a otevřením ve vašem prohlížeči.
Nemusíte se příliš zabývat různými HTML tagy, které představují jen základní strukturu webové stránky s trochou textu. Místo toho se zaměřte na blok skriptu uprostřed. Použil jsem jej k přímé integraci kusu JavaScriptového kódu do HTML kódu (takže v podstatě uprostřed webové stránky) a použil funkci document.write() k výstupu textu přímo mezi ostatní obsah.
Ahoj, z konzoly!
Buďte si vědomi, že document.write() je funkce specifická pro prohlížeče, takže pokud to spouštíte s Node.js, pravděpodobně to nebude fungovat. Místo toho můžeme použít funkci, která bude fungovat napříč mnoha JavaScriptovými enginy: console.log()
console.log("Hello, world!");Pokud to spustíte v prohlížeči, budete muset nahlédnout do vývojářské konzole, abyste si přečetli zprávu. Jak se dostanete do této oblasti, závisí na tom, který prohlížeč používáte, ale můžete zkusit stisknout F12 - pokud to nefunguje, možná budete chtít zkontrolovat tento článek, který vysvětluje, jak se dostanete do ní v různých prohlížečích.
Shrnutí
S absolvovaným povinným příkladem "Ahoj světe!" (Hello World!), jsme nyní připraveni pokračovat a dozvědět se více o jazyku JavaScript.