Úloha 1 – Deklarace a inicializace proměnné

Úvod k úloze

Jedním ze základních stavebních kamenů programování v JavaScriptu jsou proměnné. Proměnná slouží jako „kontejner“ pro uchování hodnot – může obsahovat číslo, text, logickou hodnotu nebo složitější datovou strukturu. Díky nim můžeme pracovat s daty dynamicky, ukládat je, měnit a znovu používat. JavaScript je přitom case-sensitive jazyk, takže vek a Vek jsou dvě různé proměnné. Správné porozumění deklaraci, inicializaci a přiřazování hodnot je naprostý základ, na kterém stojí veškeré programování.

Teorie a principy

1. Deklarace vs. inicializace

   • Deklarace = vytvoření proměnné.

   • Inicializace = přiřazení počáteční hodnoty.

      

   • Přiřazení = změna hodnoty proměnné (hodnota je vždy vpravo od =).

      

2. Klíčová slova

   • let – moderní způsob deklarace proměnné, umožňuje měnit hodnotu.

   • const – konstanta, hodnota se po přiřazení už nedá změnit.

   • var – historické klíčové slovo, dnes se spíše nepoužívá (má odlišný dosah – tzv. „function scope“).

3. Syntaktická pravidla

   • Každý příkaz končí středníkem ; (i když není povinný, doporučuje se).

   • Název proměnné nesmí začínat číslicí ani obsahovat mezery.

   • Je rozdíl mezi velkými a malými písmeny (x ≠ X).

   • Názvy proměnných nikdy neobsahují diakritiku a mezery!

Praktické příklady kódu

Deklarace a inicializace

Použití const

Historické var

Typické chyby / záludnosti

• Záměna deklarace a přiřazení – studenti často píší 18 = vek;, což je špatně. Správně: vek = 18;.

• Zapomenutý středník – prohlížeč si někdy poradí, ale může to vést k nečekaným chybám.

• Používání var místo let/const – vede k méně čitelnému a méně bezpečnému kódu.

• Nesprávné názvy proměnných – např. let 2vek = 5; není povolené.

• Case-sensitivity – vek a Vek nejsou totéž.

Shrnutí

• Proměnné jsou kontejnery pro ukládání hodnot.

• Deklarace = vytvoření, inicializace = přiřazení hodnoty při vytvoření.

• Hodnota se vždy píše na pravou stranu rovnítka.

• Každý příkaz má končit středníkem.

• Používejte let a const (moderní přístup), var jen výjimečně.

• JavaScript rozlišuje velká a malá písmena v názvech proměnných.

Úloha

Zadání (kontext úlohy)

Vytvoř proměnnou vek a přiřaď jí hodnotu 20. Výsledek vypiš do konzole.

Cíl úlohy

Procvičíš si:

• rozdíl mezi deklarací a inicializací proměnné,

• správnou syntaxi přiřazení hodnoty (název = hodnota;),

• použití konzole pro kontrolu výsledku.

Vstupní podmínky

• Máš k dispozici HTML dokument se základní strukturou (hlavička, tělo).

• Tento HTML dokument je propojený s prázdným souborem script.js.

• Upravuješ pouze obsah souboru script.js, HTML soubor se nemění.

Požadovaný výstup

• Po načtení stránky se v konzoli zobrazí číslo: 20

Doplňující pokyny

• Vyzkoušej si také deklarovat proměnnou bez hodnoty a teprve později jí hodnotu přiřadit.

• Používej středníky na konci příkazů.

• Otevři konzoli v prohlížeči (F12 → Console), abys viděl výsledek.

• Zkus si vytvořit proměnnou let moje promenná = 20;

Soubory

Odkaz na js soubor

Odkaz na html soubor

Řešení úlohy

Co je zde splněno:

• Proměnná vek je deklarována pomocí let a rovnou inicializována hodnotou 20.

• Výsledek (20) se po načtení stránky vypíše do konzole.

• Ukázána je i varianta s proměnnou jmeno, která je nejprve deklarována a až poté naplněna hodnotou.

• Použit je správný zápis: název proměnné vlevo, hodnota vpravo, středník na konci řádku.

Poznámky

• Místo let lze použít i var (starší syntaxe) nebo const (pro neměnné hodnoty).

• Pokud zapomenete středník, kód často poběží, ale doporučuje se jej psát.