(výchozí html soubor najdeš níže) === Úkoly === * Změň 5s po načtení stránky barvu písma nadpisu h1 (Vítejte) na modrou (blue) * Rozšiř hodiny: ať zobrazují i milisekundy - hodnotu získáš pomocí funkce ''%%aktualniCas.getMilliseconds()%%''. Experimentuj se změnou intervalu aktualizace. * Přidej do políčka formuláře každou sekundu nějaké písmenko * Změň zdroj (atribut ''%%src%%'') obrázku po 4 sekundách na https://placehold.co/1200x200 (větší obrázek) * Zvyšuj postupně velikost textu (''%%prvek.style.fontSize = promennaVelikost%%'') odstavce. === Rady === * 5s je 5000ms * Když chceš pracovat s nějakým prvkem na stránce, můžeš jej pojmenovat (atribut id, např: ''%%%%'') a přistoupit k němu ''%%document.getElementById("unikatni_jmeno")%%''. Jsou i jiné možnosti (hledat dle názvu tagu, třídy či css selektorem), ale vrací pole a tak je to složitější * Prvku můžeš: * Zjistit jeho hodnotu v css stylu, například: ''%%const barvaPozadi = prvek.style.backgroundColor%%'' * Změnit hodnotu v css stylu, například: ''%%prvek.style.color = "red"%%'' * Zjistit či změnit jeho obsah (html kód uvnitř), ''%%prvek.innerHTML = "Test" %%'' * Zjistit hodnotu jeho atributu, například: ''%%const adresa = obrazek.getAttribute("src") %%'' * Nastavit hodnotu jeho atributu, například: ''%%link.setAttribute("href") = "https://example.com/"%%'' * A [[https://developer.mozilla.org/en-US/docs/Web/API/Element|spoustu dalších věcí]] * Formulářový prvek input má navíc atribut ''%%.value%%'' který určuje hodnotu v políčku. Dá se přečíst/zapsat podobně jako innerHTML * Můžeš si vytvořit proměnnou pomocí ''%%let nejakaPromenna = 100%%'' a s tou nějak pracovat, například ji měnit a nastavovat jako hodnotu atributu/stylu/obsahu html elementu * Spojování řetězců, příklad: ''%%element.style.fontSize = cislo + "%" %%'' ---- setTimeout a setInterval
...

Vítejte na mé webové stránce

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.

Obrázek:

Vzorový obrázek

Odkaz:

Navštivte adasek.cz

Formulář: