Exercício - Complete um desafio para extrair, substituir e remover dados de uma cadeia de caracteres de entrada

Concluído

Os desafios de código reforçam a aprendizagem e ajudam-no a ganhar alguma confiança antes de continuar.

Neste desafio, você trabalha com uma cadeia de caracteres que contém um fragmento de HTML. Você extrai dados do fragmento HTML, substitui parte de seu conteúdo e remove outras partes de seu conteúdo para obter a saída desejada.

Se você não estiver familiarizado com o código HTML, revise a seção "Cartilha HTML rápida" no final desta unidade.

Extrair, substituir e remover dados de uma cadeia de caracteres de entrada

1. Selecione e exclua todas as linhas de código no Editor de Códigos do Visual Studio.

2. No Visual Studio Code, adicione o seguinte código "starter" para obter os dados para o desafio:

   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 você executar o código, a saída exibirá linhas em branco, os valores iniciais para quantity e output são valores vazios string .

3. Reserve um minuto para revisar a linha inicial do código que contém um string de HTML.

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

   Observe as tags: <div>, <h2>, <span> e o código símbolo ™ contido na variável input.

4. Examine a saída desejada para a saída final do programa:

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

5. Comece a adicionar o código da solução ao código inicial sob o comentário // Your work here.

6. Defina a quantity variável para o valor obtido extraindo o texto entre as <span> tags e </span> .

7. Defina a output variável com o valor de inpute, em seguida, remova as <div> tags e </div> .

8. Substitua o caractere ™ HTML (™) por ® (®) na output variável.

9. Execute sua solução e verifique se a saída corresponde à saída esperada.

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

Se estiveres preso e precisares consultar a solução ou conseguires terminar com sucesso, continua para ver uma solução para este desafio.

Guia Rápido de HTML

Caso você não esteja familiarizado com HTML, é a linguagem de marcação que é usada para criar todas as páginas da Web. Ignore esta seção se você tiver um bom entendimento de HTML. As informações são projetadas para fornecer informações suficientes para completar este desafio, e não para ser um tutorial HTML abrangente.

Em HTML, você define a estrutura de um documento usando tags. Uma tag é composta por:

• um suporte angular de abertura <
• um colchete angular de fechamento >
• uma palavra que descreve o tipo de etiqueta, por exemplo: <div>, <span>, <h2> etc.

Cada etiqueta tem uma etiqueta de fechamento correspondente que introduz um caractere de barra /. Então, ao veres <div>, deve haver uma tag correspondente </div>.

O conteúdo entre a tag de abertura e fechamento é o conteúdo dessa tag. O conteúdo pode incluir texto e outras tags.

Um conjunto de tags pode ser incorporado dentro de outro conjunto de tags, dando a um documento HTML sua estrutura hierárquica.