Esercizio - Completare una richiesta di estrazione, sostituzione e rimozione di dati da una stringa di input

Completato

Le sfide del codice rafforzano l'apprendimento e aiutano a ottenere fiducia prima di continuare.

In questa sfida si usa una stringa che contiene un frammento di CODICE HTML. Si estraggono dati dal frammento HTML, si sostituiscono alcuni dei relativi contenuti e si rimuovono altre parti del contenuto per ottenere l'output desiderato.

Se non si ha familiarità con il codice HTML, vedere la sezione "Guida introduttiva all'HTML rapido" alla fine di questa unità.

Estrarre, sostituire e rimuovere dati da una stringa di input

1. Selezionare ed eliminare tutte le righe di codice nell'editor di Visual Studio Code.

2. In Visual Studio Code aggiungere il codice "starter" seguente per ottenere i dati per la sfida:

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

   Se si esegue il codice l'output visualizza righe vuote, i valori iniziali per quantity e output sono valori vuoti string .

3. Prenditi un minuto per esaminare la riga iniziale del codice che contiene un string di HTML.

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

   Si noti il codice tag:<div><h2>,<span> e il codice ™ simbolo contenuto nella input variabile .

4. Esaminare l'output desiderato per l'output finale del programma.

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

5. Iniziare ad aggiungere il codice della soluzione al codice iniziale sotto il commento // Your work here.

6. Impostare la quantity variabile sul valore ottenuto estraendo il testo tra i <span> tag e </span> .

7. Impostare la output variabile sul valore di input, quindi rimuovere i <div> tag e </div> .

8. Sostituire il carattere ™ HTML (™) con ® (®) nella output variabile .

9. Eseguire la soluzione e verificare che l'output corrisponda all'output previsto.

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

Se ti blocchi e hai bisogno di vedere la soluzione o se completi con successo, prosegui per visualizzare la soluzione a questa sfida.

Introduzione rapida a HTML

Se non si ha familiarità con HTML, si tratta del linguaggio di markup usato per creare tutte le pagine Web. Ignorare questa sezione se si ha una buona conoscenza del codice HTML. Le informazioni sono progettate per fornire informazioni sufficienti per completare questa sfida e non per essere un'esercitazione HTML completa.

In HTML si definisce la struttura di un documento usando tag. Un tag è composto da:

• Una parentesi uncinata aperta <
• Una parentesi uncinata chiusa >
• una parola che descrive il tipo di tag, ad esempio, <div>, <span>e <h2> così via.

Per ogni tag esiste un tag di chiusura corrispondente che introduce un carattere barra /. Quindi, se viene visualizzato <div> dovrebbe essere presente un tag corrispondente </div> .

Il contenuto tra il tag di apertura e di chiusura è il contenuto di tale tag. Il contenuto può includere testo e altri tag.

Un set di tag può essere incorporato all'interno di un altro set di tag, assegnando a un documento HTML la struttura gerarchica.