Co je JavaScript?
JavaScript je programovací jazyk pro web.
JavaScript může aktualizovat a měnit HTML i CSS.
JavaScript umí vypočítat , manipulovat a ověřovat data.
Výukový program pro rychlý start JavaScriptu
Tento tutoriál se rychle podívá na nejdůležitější datové typy JavaScriptu.
Proměnné JavaScriptu mohou být:
- čísla
- Struny
- Objekty
- Pole
- Funkce
Proměnné JavaScriptu
Proměnné JavaScriptu jsou kontejnery pro ukládání datových hodnot.
V tomto příkladu jsou x, y a z proměnné:
Příklad
var x = 5;
var y = 6;
var z = x + y;
Z výše uvedeného příkladu můžete očekávat:
- x ukládá hodnotu 5
- y ukládá hodnotu 6
- z ukládá hodnotu 11
JavaScriptová čísla
JavaScript má pouze jeden typ čísla. Čísla lze psát s desetinnými místy nebo bez nich.
Příklad
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Všechna čísla jsou uložena jako čísla s plovoucí desetinnou čárkou s dvojitou přesností.
Maximální počet desetinných míst je 17, ale plovoucí desetinná čárka není vždy 100% přesná:
Příklad
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScriptové řetězce
Řetězce ukládají text . Řetězce jsou psány uvnitř uvozovek. Můžete použít jednoduché nebo dvojité uvozovky :
Příklad
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Délka řetězce se nachází ve vestavěné délce vlastnosti :
Příklad
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Objekty JavaScriptu
Již jste se naučili, že proměnné JavaScriptu jsou kontejnery pro datové hodnoty.
Tento kód přiřadí jednoduchou hodnotu (Fiat) proměnné s názvem auto:
var car = "Fiat";
Objekty jsou také proměnné. Ale objekty mohou obsahovat mnoho hodnot.
Tento kód přiřazuje mnoho hodnot (Fiat, 500, bílá) proměnné s názvem auto:
var car = {type:"Fiat", model:"500", color:"white"};
Pole JavaScriptu
Pole JavaScriptu se používají k uložení více hodnot do jedné proměnné.
Příklad
var cars = ["Saab", "Volvo", "BMW"];
Funkce JavaScriptu
Funkce JavaScriptu je blok kódu určený k provádění konkrétního úkolu.
Funkce JavaScript se spustí, když ji „něco“ vyvolá (zavolá).
Příklad
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Co umí JavaScript?
Tato část obsahuje některé příklady toho, co JavaScript umí:
- JavaScript může změnit obsah HTML
- JavaScript může měnit hodnoty atributů HTML
- JavaScript může měnit styly HTML (CSS)
- JavaScript může skrýt prvky HTML
- JavaScript může zobrazovat prvky HTML
JavaScript může změnit obsah HTML
Jednou z mnoha JavaScriptových HTML metod je getElementById() .
Tento příklad používá metodu k "nalezení" prvku HTML (s id="demo") a změní obsah prvku ( innerHTML ) na "Hello JavaScript":
Příklad
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript může měnit hodnoty atributů HTML
V tomto příkladu JavaScript změní hodnotu atributu src (source) značky <img>:
Žárovka
JavaScript může měnit styly HTML (CSS)
Změna stylu prvku HTML je variantou změny atributu HTML:
Příklad
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript může skrýt prvky HTML
Skrytí prvků HTML lze provést změnou stylu zobrazení:
Příklad
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript může zobrazovat prvky HTML
Zobrazení skrytých prvků HTML lze také provést změnou stylu zobrazení:
Příklad
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Kompletní výuka JavaScriptu
Toto byl krátký popis JavaScriptu.
Úplný výukový program JavaScriptu najdete na W3Schools JavaScript Tutorial .
Úplnou referenci o JavaScriptu najdete na W3Schools JavaScript Reference .