練習 - 完成從輸入字串擷取、取代和移除資料的挑戰

10 分鐘

程式碼挑戰會強化所學到的內容，並協助您在繼續前先獲得一些信心。

在這項挑戰中，您會使用包含 HTML 片段的字串。您將從 HTML 片段擷取資料、取代其部分內容，並移除其他部分內容，以得到所需要的輸出。

如果您不熟悉 HTML 程式碼，請檢閱本單元結尾「HTML 快速入門」一節。

從輸入字串擷取、取代和移除資料

選取並刪除 Visual Studio Code 編輯器中的所有程式碼行。

在 Visual Studio Code 中，新增下列「入門」程式碼以取得挑戰的資料:

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

如果您執行程式碼，輸出會顯示空白行，且 quantity 和 output 的起始值是空白的 string 值。

請花一分鐘的時間檢閱包含 string HTML 之程式碼的第一行。
```
const string input = "<div><h2>Widgets &trade;</h2><span>5000</span></div>";
```
請注意標記: <div>、<h2>、<span> 和 input 變數中包含的符號代碼 ™。

檢查最終程式輸出所需的輸出 ：

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

開始將方案程式碼新增至註解 // Your work here 底下的入門程式碼。
擷取 <span> 與 </span> 標記之間的文字以將 quantity 變數設定為取得的值。
將 output 變數設定為 input 的值，然後移除 <div> 與 </div> 標記。
將 HTML 字元 ™ (™) 取代為 output 變數中的 ® (®)。
執行您的解決方案，並確認輸出放置符合預期的輸出。
```
Quantity: 5000
Output: <h2>Widgets &reg;</h2><span>5000</span>
```

無論是遇到困難需要查看解決方案，還是已成功完成，都請繼續檢視此挑戰的解決方案。

快速 HTML 入門

如果您不熟悉 HTML，其便是用來建立所有網頁的標記語言。如果您已充分了解 HTML，請略過本區段。此資訊的設計目的是提供足夠的資訊來完成這項挑戰，而不是完整的 HTML 教學課程。

在 HTML 中，您可以使用標記來定義文件的結構。標記是由下列元件構成：

左角括弧 <
右角括弧 >
描述標記類型的字組，例如：<div>、<span>、<h2> 等等。

每個標記都有對應的結尾標記，且會導入正斜線字元 /。因此，如果您看到 <div> 則應該會有對應的 </div> 標記。

開頭與結尾標記之間內容即為該標記的內容。該內容可以包含文字和其他標記。

一組標記可以內嵌在另一組標記內，並提供 HTML 文件的階層式結構。

繼續

練習 - 完成從輸入字串擷取、取代和移除資料的挑戰

從輸入字串擷取、取代和移除資料

快速 HTML 入門

意見反應