V prvním dílu o JavaScriptu jsme si ukazovali řádek s jednoduchou funkcí, který vypíše obsah do určitého elementu. Dnes si ukážeme práci se základními funkcemi a také jejich aktivaci.
Nyní Vám ukážu příklad jednoduché základní funkce, která zobrazuje datum:
<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">Zobrazit datum a čas</button>
Vysvětlení funkce: Do souboru HTML mezi tagy <BODY></BODY> jsme umístili párový tag <BUTTON></BUTTON>, který má nadefinovanou
událost onclick. Tato událost nese funkci Date(); která po kliknutí na tlačítko zobrazí do divu s identifikátorem aktuální čas a datum.
Událostí, které spustí funkci v JavaScriptu je mnohem více, proto si zde ukážeme 4 nejpoužívanější typy událostí, které funkci umí zavolat:
Funkce | Podmínka aktivace |
onClick="" | Po kliknutí na element |
onMouseover="" | Po přejetí kurzorem přes element |
onKeyup="" | Po uvolnění stisknutého tlačítka klávesnice |
onLoad="" | Při načítání stránky / dokumentu |
V příštím díle si ukážeme, jak vytvořit vlastní funkci, která již dělá uživatelem požadované úkony.