Gyakorlat – Feladat végrehajtása adatok kinyerésére, cseréjére és beviteli sztringből való eltávolítására

Befejezett

A kódokkal kapcsolatos kihívások megerősítik a tanulást, és segítenek némi magabiztosságot szerezni a folytatás előtt.

Ebben a feladatban egy HTML-töredéket tartalmazó karakterlánccal dolgozik. Adatokat nyerhet ki a HTML-töredékből, lecserélheti annak egy részét, és eltávolíthatja a tartalom más részeit a kívánt kimenet eléréséhez.

Ha nem ismeri a HTML-kódot, tekintse át a lecke végén található "Gyors HTML-alapozó" szakaszt.

Adatok kinyerése, cseréje és eltávolítása bemeneti sztringből

1. Jelölje ki és törölje az összes kódsort a Visual Studio Code Editorban.

2. A Visual Studio Code-ban adja hozzá a következő "kezdő" kódot a feladat adatainak lekéréséhez:

   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);
   

   A kód futtatásakor a kimenet üres sorokat jelenít meg, a kezdőértékek quantity üresek outputstring.

3. Szánjon egy percet a HTML-t tartalmazó string kód kezdeti sorának áttekintésére.

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

   Figyelje meg a változóban található címkéket:<div>,<h2><span> és szimbólumkódot ™input.

4. Vizsgálja meg a program végső kimenetének kívánt kimenetét :

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

5. Kezdje el hozzáadni a megoldáskódot a kezdőkódhoz a megjegyzés // Your work herealatt.

6. Állítsa be a quantity változót a <span> és </span> címkék közötti szöveg kinyerésével kapott értékre.

7. Állítsa a output változót a következő értékre input, majd távolítsa el a <div> és </div> címkéket.

8. Cserélje le a HTML-karaktert ™ (™) a ® változóban lévő (®) karakterre output .

9. Futtassa a megoldást, és ellenőrizze, hogy a kimenet megfelel-e a várt kimenetnek.

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

Akár elakad, akár be kell néznie a megoldást, akár sikeresen befejezi, folytassa a feladat megoldásának megtekintésével.

Gyors HTML-alapozó

Ha nem ismeri a HTML-t, az az összes weblap létrehozásához használt korrektúranyelv. Ha jól ismeri a HTML-t, hagyja ki ezt a szakaszt. Az információk úgy lettek kialakítva, hogy elegendő információt nyújtsanak a feladat elvégzéséhez, és ne legyen átfogó HTML-oktatóanyag.

A HTML-ben címkékkel határozhatja meg a dokumentum szerkezetét. A címke a következőkből áll:

• nyitó szögletes zárójel <
• záró szögletes zárójel >
• a címke típusát leíró szó, például: <div>, <span>, <h2> stb.

Minden címke rendelkezik egy megfelelő záró címkével, amely perjel karaktert /vezet be. Tehát, ha lát egy <div> címkét, akkor kell lennie egy megfelelő </div> címkének is.

A nyitó és záró címkék közötti tartalom az a címke tartalma. A tartalom tartalmazhat szöveget és más címkéket is.

Egy címkekészlet beágyazható egy másik címkekészletbe, így egy HTML-dokumentum hierarchikus struktúráját adja meg.