Zadání 2 – Přepis tónu textu: neformální na formální

Vytvoř mini editor, který dokáže převést běžný neformální text do formálnější podoby. Tlačítkem Zformálnit nahradí vybrané „hovorové“ výrazy formálnějšími (např. „Ahoj“ → „Dobrý den“, „Chci“ → „Rád bych“, „Dík“ → „Děkuji“). Tlačítko Zpřátelit provede opačné náhrady (formální → neformální). Tlačítkem Označit změny se změněná slova obalí <span class="zmena">…</span>. Obnovit původní vrátí původní text a Smazat vše vymaže s potvrzením.

Cíl úlohy

  • Procvičit onclick, podmínky a práci s DOM.

  • Umět hromadně nahrazovat více výrazů a řetězců.

  • Zvýrazňovat změny ve výstupu pomocí třídy a jednoduchého CSS.

  • Dodržet validaci: bez textu se žádná akce nevykoná a zobrazí se informace.

Vstupní podmínky

  • Základní HTML kostra + soubory index.html, style.css, main.js.

Požadovaný výstup

  • Tlačítka: Převzít text, Zformálnit, Zpřátelit, Označit změny, Obnovit původní, Smazat.

  • Minimálně 6 párů náhrad obousměrně (neformální ↔ formální).

  • Krátké české komentáře v JS.

Doplňující pokyny

  • Sémantika (main, section, h1).

  • Jednoduché názvy tříd/ID, čisté odsazení.

  • Nepoužívej šipkové funkce ani zkrácené zápisy podmínek.

Co nahradít čím.
Regex Co hledá Proč tam je Příklad shody
\bAhoj\b slovo „Ahoj“ jako celé slovo aby se neměnilo něco jako „Ahojky“ Ahoj
\bČau\b slovo „Čau“ jako celé slovo totéž jako u Ahoj Čau
\bDík(y)?\b „Dík“ nebo „Díky“ (y)? znamená „písmeno y je volitelné“ Dík, Díky
\bChci\b slovo „Chci“ zformálnění Chci
\bMůžu\b slovo „Můžu“ zformálnění Můžu
\bNemůžu\b slovo „Nemůžu“ zformálnění Nemůžu
\bDobrý den\b frázi „Dobrý den“ zpřátelení (opačný směr) Dobrý den
\bDěkuji\b slovo „Děkuji“ zpřátelení Děkuji
\bRád bych\b frázi „Rád bych“ zpřátelení Rád bych
\bMohu\b slovo „Mohu“ zpřátelení Mohu
\bNemohu\b slovo „Nemohu“ zpřátelení Nemohu
\b...\b hranice slova zajistí “celé slovo”, ne část slova Chci ano, Nechci ne
g (příznak) globálně najde všechny výskyty, ne jen první Ahoj Ahoj
i (příznak) bez ohledu na velikost ahoj i Ahoj AHOJ