Cookies

Na naší webové stránce používáme soubory cookies pro její správné fungování, přizpůsobení analytických dat a dynamiky obsahu pro uživatele. Více informací o cookies.

Potvrzením zároveň ukládáte souhlas se zpracováním osobních údajů v rámci nařízení GDPR.

Úvod do JavaScriptu

Co dokáže a na co je dobrý.
Zpět na Tutoriály Následující

#1 Úvod

JavaScript je jeden z nejznámějších programovacích jazyků. Známý je zejména díky lehké integraci do webových stránek, kterou dokáže dynamicky měnit.

Použít jej lze také jako standardní programovací jazyk – k vytváření automatizací, robotů apod.

#2 Co dokáže?

Interakce s HTML

JavaScript může být propojen s HTML. Dokáže upravovat obsah prvků, jejich atributy, přidávat a odebírat třídy i celé prvky a struktury – pomocí DOM neboli Document Object Model, o kterém se dozvíte také v dalších článcích.

Používá se k dynamickému měnění stránky – do tohoto spadají například animace, formuláře k přihlášení nebo vyplnění objednávky a zobrazování různého obsahu po kliknutí na záložky.

Následující kousek kódu přepíše text prvku s identifikátorem #nadpis na „Vítejte!“.

document.getElementById('nadpis').innerHTML = 'Vítejte!';

Změna CSS

Pomocí JavaScriptu lze měnit CSS stylování; prvkům lze přiřadit jakoukoliv vlastnost s hodnotou, která na ně bude aplikovaná.

V následujícím příkladě bude prvku s identifikátorem #barevny změněna barva textu na modrou.

document.getElementById('nadpis').style.color = 'blue';
Poznámka: Jelikož se CSS vlastnost přidaná JavaScriptem ukládá jako inline stylování, má přednost před externím CSS!

Tvorba automatizací

Automatizace – pojem obsahující velkou škálu věcí – od robotů k automatickým systémům až k hrám.

V JavaScriptu lze naprogramovat hru (i když se to často nedoporučuje) nebo robota, který Vám bude pomáhat s každodenním životem.