Javascript na Duncanu 2022
Kde běží javascript
- v prohlížeči ve webové stránce, resp souboru pojmenovaném s příponou
.htmlči.htm - v prohlížeči v nástrojích pro vývojáře
Konzole je skvělá na rychlé pokusy, v html souboru je zase kód uložený a s kontrolovatelným kontextem.
Úkol
- Vytvořte si někde html soubor obsahem ze šablony, například pomocí Notepad++. Uložte ho se jménem končícím na
.htm, napříkladpokusy.htmPozor, operační systém vám nejspíš přípony zakrývá - pozor abyste nevytvořili souborpokusy.htm.txt- měl by jinou ikonku a prohlížeč by ho neotevřel. - Otevřete ten html soubor ve druhém okně ve webovém prohlížeči.
- Napište něco do toho souboru mezi
<body>a</body>v editoru a uložte - V prohlížeči dejte refresh - obnovte stránku (klávesa f5, ikonka ↻)
- Měli byste vidět svůj napsaný text v prohlížeči.
HTML, CSS, Javascript
Jedná se o tři různé technologie:
- HTML tvoří strukturu a významový strom zobrazené stránky
- CSS určuje vzhled (design) zobrazené stránky
- Javascript umožňuje stránku dynamicky měnit, podle vstupu uživatele nebo třeba výsledku komunikace se serverem
Naštěstí je syntaxe těchto technologií na první pohled odlišná.
HTML
<div class="informace"> <p> Tohle je <a href="http://example.org">příklad</a> (výsek) <strong>html</strong> kódu, který najdete uvnitř těla stránky. </p> </div>
CSS
body { color: white; background-color: black; } .informace { color: yellow; }
Javascript
document.body.style.backgroundColor = 'green' const promenna = 5 if (promenna < 10) { console.log('Pekne') }