Oefening: een uitdaging voltooien om gegevens uit een invoertekenreeks te extraheren, te vervangen en te verwijderen

10 minuten

Code-uitdagingen versterken het leren en helpen u vertrouwen te krijgen voordat u verdergaat.

In deze uitdaging werkt u met een tekenreeks die een fragment van HTML bevat. U extraheert gegevens uit het HTML-fragment, vervangt een deel van de inhoud en verwijdert andere delen van de inhoud om de gewenste uitvoer te verkrijgen.

Als u niet bekend bent met HTML-code, raadpleegt u de sectie Snelle HTML-primer aan het einde van deze les.

Gegevens uit een invoertekenreeks extraheren, vervangen en verwijderen

Selecteer en verwijder alle coderegels in de Visual Studio Code-editor.
Voeg in Visual Studio Code de volgende starterscode toe om de gegevens voor de uitdaging op te halen:
```
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);
```
Als u de code uitvoert, worden er lege regels weergegeven in de uitvoer; dit komt omdat de beginwaarden voor quantity en output lege string-waarden zijn.
Neem een moment om de eerste regel van de code die een string in HTML bevat te bekijken.
```
const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";
```
Let op de tags:<div>,<h2><span> en symboolcode ™ in de input variabele.
Bekijk de gewenste uitvoer voor de uiteindelijke programma-uitvoer:
```
Quantity: 5000
Output: <h2>Widgets &reg;</h2><span>5000</span>
```
Begin met het toevoegen van uw oplossingscode aan de starterscode onder de opmerking // Your work here.
Stel de quantity variabele in op de waarde die is verkregen door de tekst tussen de <span> en </span> tags te extraheren.
Stel de output variabele in op de waarde van inputen verwijder de <div> tags </div> .
Vervang het HTML-teken ™ (™) door ® (®) in de output variabele.
Voer uw oplossing uit en controleer of de uitvoer overeenkomt met de verwachte uitvoer.
```
Quantity: 5000
Output: <h2>Widgets &reg;</h2><span>5000</span>
```

Of u nu vastloopt en de oplossing moet bekijken of als u klaar bent, gaat u verder met het bekijken van een oplossing voor deze uitdaging.

Snelle HTML-inleiding

Als u niet bekend bent met HTML, is dit de opmaaktaal die wordt gebruikt om alle webpagina's te maken. Sla deze sectie over als u goed inzicht hebt in HTML. De informatie is ontworpen om voldoende informatie te bieden om deze uitdaging te voltooien en niet om een uitgebreide HTML-zelfstudie te zijn.

In HTML definieert u de structuur van een document met behulp van tags. Een tag bestaat uit:

een hoekhaak openen <
een sluitende hoekhaak >
een woord met een beschrijving van het type tag, bijvoorbeeld: <div>, <span>, <h2> enzovoort.

Elke tag heeft een bijbehorende afsluitende tag die een schuine streep-teken / introduceert. Dus als u <div> ziet, dan moet er een bijbehorende </div> tag zijn.

De inhoud tussen de tag voor openen en sluiten is de inhoud van die tag. De inhoud kan tekst en andere tags bevatten.

Een set tags kan worden ingesloten in een andere set tags, waardoor een HTML-document de hiërarchische structuur krijgt.

Feedback

Is deze pagina nuttig?