Cvičení – dokončení výzvy k extrakci, nahrazení a odebrání dat ze vstupního řetězce

Dokončeno

Výzvy kódu posiluje učení a pomáhají vám získat jistotu, než budete pokračovat dál.

V tomto úkolu pracujete s řetězcem, který obsahuje fragment KÓDU HTML. Extrahujete data z fragmentu HTML, nahradíte jeho obsah a odeberete další části jeho obsahu, abyste dosáhli požadovaného výstupu.

Pokud neznáte kód HTML, projděte si část Rychlý úvod DO HTML na konci této lekce.

Extrakce, nahrazení a odebrání dat ze vstupního řetězce

1. V editoru Visual Studio Code vyberte a odstraňte všechny řádky kódu.

2. V editoru Visual Studio Code přidejte následující počáteční kód pro získání dat pro výzvu:

   const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";
   
   string quantity = "";
   string output = "";
   
   // Your work here
   
   Console.WriteLine(quantity);
   Console.WriteLine(output);
   

   Pokud spustíte kód, výstup zobrazí prázdné řádky, protože počáteční hodnoty pro quantity a output jsou prázdné string hodnoty.

3. Věnujte chvíli prohlédnutí počátečního řádku kódu, který obsahuje string HTML.

   const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";
   

   Všimněte si značek: <div>, <h2>, <span> a kódu symbolu ™ obsažených ve variabilní input.

4. Zkontrolujte požadovaný výstup pro konečný výstup programu:

   Quantity: 5000
   Output: <h2>Widgets &reg;</h2><span>5000</span>
   

5. Začněte přidávat kód řešení do počátečního kódu pod komentářem // Your work here.

6. Nastavte proměnnou quantity na hodnotu získanou extrahováním textu mezi <span> značkami a </span> značkami.

7. Nastavte proměnnou output na hodnotu input, a pak odeberte <div> a </div> značky.

8. Nahraďte znak HTML ™ (™) znakem ® (®) v proměnné output.

9. Spusťte řešení a ověřte, že výstup odpovídá očekávanému výstupu.

   Quantity: 5000
   Output: <h2>Widgets &reg;</h2><span>5000</span>
   

Ať už se zaseknete a potřebujete se podívat na řešení nebo ho úspěšně dokončíte, pokračujte v zobrazení řešení této výzvy.

Rychlý úvod do HTML

V případě, že neznáte html, je to jazyk revizí, který se používá k vytvoření všech webových stránek. Pokud máte dobrý přehled o HTML, přeskočte tuto část. Tyto informace jsou navržené tak, aby poskytovaly dostatek informací k dokončení této výzvy, a ne jako komplexní kurz HTML.

Ve formátu HTML definujete strukturu dokumentu pomocí značek. Značka se skládá z:

• otevírací špičatá závorka <
• uzavírací špičatá závorka >
• slovo popisující typ značky, například: <div>, <span>atd <h2> .

Každá značka má odpovídající koncovou značku, která obsahuje znak lomítka /. Pokud tedy uvidíte <div>, měla by být odpovídající značka </div>.

Obsah mezi úvodní a závěrečnou značkou je obsah této značky. Obsah může obsahovat text a další značky.

Sadu značek je možné vložit do jiné sady značek, čímž html dokumentuje svou hierarchickou strukturu.