Souhrnná úloha – Textové řetězce v JavaScriptu

Ú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í).

Řešení úlohy

Co je zde splněno

• Tři vstupy přes prompt(): jméno, město, koníček.

• Kontrola prázdných vstupů (if (text.trim().length == 0)) a přiřazení výchozích hodnot.

• Vytvořeny dvě verze zprávy:

  • zpravaSpojeni – klasické spojování pomocí + a escapování \".

  • zpravaSablona – moderní šablonový literál s interpolací ${}.

• Použito \n pro zalomení řádků.

• Výpis do konzole i na stránku do <pre> pomocí textContent.