Úkol

Zadání (kontext úlohy):

Napiš malý „generátor zprávy“, který z údajů od uživatele složí krátké představení osoby. Zprávu vytvoř dvěma způsoby: jednou klasickým spojováním řetězců a podruhé pomocí šablonového literálu (interpolace).

Cíl úlohy:

Procvičit vytváření řetězců, spojování pomocí +, interpolaci proměnných v šablonových literálech (`...${...}...`), escapování uvozovek a použití zalomení řádků (\n).

Vstupní podmínky:

  • Student pracuje se soubory index.html a script.js.

  • Získej od uživatele tři texty přes prompt(): jméno, město, koníček.

  • Pokud uživatel něco nevyplní, nastav mu rozumnou výchozí hodnotu (např. „Host“, „Neznámé město“, „žádný“). Použij k tomu if (text.trim().length == 0).

Požadovaný výstup:

  1. Vytvoř zpravaSpojeni – řetězec složený spojováním pomocí +.

    • Musí obsahovat uvozovky okolo jména, které správně escapuješ: \"Jana\".

    • Použij zalomení řádků pomocí \n.

  2. Vytvoř zpravaSablona – tentýž obsah pomocí šablonového literálu (interpolace ${} a vícerádkový text).

  3. Obě zprávy vypiš do konzole a na stránku do <pre id="vystup"> (nejprve spojovanou, pod ní šablonovou).

  4. Zprávy by měly mít strukturu například:

    • řádek 1: pozdrav se jménem v uvozovkách,

    • řádek 2: odkud osoba je,

    • řádek 3: jaký má koníček.

Doplňující pokyny:

  • Nepoužívej var, pouze let nebo const.

  • Nepoužívej šipkové funkce ani ternární operátor.

  • Pokud nastavuješ výchozí hodnoty, používej výhradně if (podminka == true) / if (podminka == false) (do komentáře můžeš uvést ekvivalent se zkráceným zápisem).

  • Pro výpis na stránku použij textContent, aby \n zůstala jako nové řádky (v <pre> se zalomí).