Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Následující verze | Předchozí verzePoslední revizeObě strany příští revize | ||
duncan [2022/07/18 06:12] – vytvořeno admin | duncan [2022/07/18 06:29] – admin | ||
---|---|---|---|
Řádek 4: | Řádek 4: | ||
==== Kde běží javascript ==== | ==== Kde běží javascript ==== | ||
- | * v prohlížeči ve webové stránce, resp souboru pojmenovaném s příponou '' | + | * v prohlížeči ve webové stránce, resp souboru pojmenovaném s příponou '' |
* v prohlížeči v nástrojích pro vývojáře | * v prohlížeči v nástrojích pro vývojáře | ||
Konzole je skvělá na rychlé pokusy, v [[krouzek: | Konzole je skvělá na rychlé pokusy, v [[krouzek: | ||
+ | |||
+ | === Úkol === | ||
+ | * Vytvořte si někde html soubor [[krouzek: | ||
+ | * Otevřete ten html soubor ve druhém okně ve webovém prohlížeči. | ||
+ | * Napište něco do toho souboru mezi '' | ||
+ | * 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 === | ||
+ | <code html> | ||
+ | < | ||
+ | <p> | ||
+ | Tohle je <a href=" | ||
+ | </p> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === CSS === | ||
+ | <code css> | ||
+ | body { | ||
+ | | ||
+ | | ||
+ | } | ||
+ | |||
+ | | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | === Javascript === | ||
+ | <code javascript> | ||
+ | | ||
+ | const promenna = 5 | ||
+ | if (promenna < 10) { | ||
+ | console.log(' | ||
+ | } | ||
+ | </ | ||
+ |