Proměnné, podmínky a funkce v JavaScriptu

Teď si projdeme tři věci, které použijete úplně v každém skriptu: proměnné (schránky na hodnoty), podmínky (rozhodování) a funkce (pojmenované kousky kódu). Je to stejná logika jako v jiných jazycích, jen zápisem pro JavaScript.

Proměnné – schránky na hodnoty

Do proměnné si uložíte hodnotu a pak s ní pracujete. Vytvoříte ji slovem let (když se bude měnit) nebo const (když je stálá):

let jmeno = "Ondra";     // text (v uvozovkách)
const rok = 2026;        // číslo
let pocet = 3;

console.log(jmeno);      // Ondra

Hodnoty bývají tři základní druhy: text (v uvozovkách), číslo (bez uvozovek) a true/false (ano/ne). Výchozí volba je const; let použijte, jen když víte, že se hodnota bude měnit.

Podmínky – if / else

Podmínka rozhodne, co se stane, podle toho, jestli něco platí:

let hodina = 14;

if (hodina < 12) {
  console.log("Dobré ráno");
} else {
  console.log("Dobrý den");
}

Na porovnání se používá === (rovná se), !== (nerovná se), < a >.

Funkce – pojmenovaný kousek kódu

Funkci napíšete jednou a pak ji voláte, kolikrát chcete. Dostane vstup (parametr) a může vrátit výsledek (return):

function pozdrav(jmeno) {
  return "Ahoj, " + jmeno + "!";
}

console.log(pozdrav("Ondro"));   // Ahoj, Ondro!
console.log(pozdrav("Lucko"));   // Ahoj, Lucko!

Text se spojuje plusem (+). Funkce se hodí, abyste stejný kód nepsali pořád dokola.

Všechno dohromady

Malý příklad – funkce, která k ceně připočítá DPH:

function cenaSDph(cena) {
  const sazba = 1.21;
  return cena * sazba;
}

let vysledek = cenaSDph(100);
console.log(vysledek);   // 121

Časté chyby

• = místo === v podmínce. Jedno rovnítko přiřazuje, neporovnává.
• Zapomenuté uvozovky u textu. jmeno = Ondra JS pochopí jako proměnnou; text musí být "Ondra".
• Zapomenutý return. Funkce pak nic nevrátí (dostanete undefined).
• Přepsání const. Když potřebujete hodnotu měnit, použijte let.

Tyhle tři věci jsou základ všeho. V posledním díle je spojíme s tím nejzábavnějším – ať stránka reaguje na kliknutí. 👉