แบบฝึกหัด - ทําการทดสอบในการแยก แทนที่ และลบข้อมูลจากสตริงที่ป้อนเข้าออก

เสร็จสมบูรณ์เมื่อ

ความท้าทายของโค้ดช่วยเสริมกําลังการเรียนรู้และช่วยให้คุณได้รับความเชื่อมั่นก่อนที่จะดําเนินการต่อ

ในการทดสอบนี้ คุณทํางานกับสตริงที่ประกอบด้วยส่วนของ HTML คุณแยกข้อมูลจากส่วนย่อยของ HTML แทนที่เนื้อหาบางอย่างและลบส่วนอื่น ๆ ของเนื้อหาเพื่อให้ได้ผลลัพธ์ที่ต้องการ

หากคุณไม่คุ้นเคยกับโค้ด HTML ให้ตรวจสอบส่วน "ไพรเมอร์ HTML ด่วน" ที่ส่วนท้ายของหน่วยนี้

แยก แทนที่ และเอาข้อมูลออกจากสตริงที่ป้อนเข้า

1. เลือกและลบบรรทัดรหัสทั้งหมดใน Visual Studio Code Editor

2. ในรหัส Visual Studio ให้เพิ่มรหัส "เริ่มต้น" ต่อไปนี้เพื่อรับข้อมูลสําหรับการทดสอบ:

   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

3. ใช้เวลาสักครู่เพื่อตรวจสอบบรรทัดแรกของโค้ดที่มี string HTML

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

   โปรดสังเกตแท็ก:<div>,<h2>, และ<span> รหัส ™ สัญลักษณ์ที่มีอยู่ใน input ตัวแปร

4. ตรวจสอบ เอาต์พุตที่ต้องการ สําหรับเอาต์พุตของโปรแกรมขั้นสุดท้าย:

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

5. เริ่มเพิ่มรหัสโซลูชันของคุณไปยังรหัสเริ่มต้นภายใต้ข้อคิดเห็น// Your work here

6. quantityตั้งค่าตัวแปรเป็นค่าที่ได้รับโดยการแยกข้อความระหว่าง<span>และ</span>แท็ก

7. outputตั้งค่าตัวแปร เป็นค่าของ inputจากนั้นลบ<div>แท็ก และ</div>

8. แทนที่อักขระ ™ HTML (™) ด้วย ® (®) ใน output ตัวแปร

9. เรียกใช้โซลูชันของคุณและตรวจสอบว่าเอาต์พุตตรงกับเอาต์พุตที่คาดหวัง

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

ไม่ว่าคุณจะติดอยู่และต้องการดูที่โซลูชัน หรือคุณทําเสร็จแล้ว ดําเนินการต่อเพื่อดูโซลูชันสําหรับการทดสอบนี้

สีพื้น HTML ด่วน

ในกรณีที่คุณไม่คุ้นเคยกับ HTML ซึ่งเป็นภาษามาร์กอัปที่ใช้เพื่อสร้างเว็บเพจทั้งหมด ข้ามส่วนนี้ถ้าคุณมีความเข้าใจที่ดีเกี่ยวกับ HTML ข้อมูลถูกออกแบบมาเพื่อให้ข้อมูลที่เพียงพอในการทําการทดสอบนี้ให้เสร็จสมบูรณ์และไม่ใช่บทช่วยสอน HTML ที่ครอบคลุม

ใน HTML คุณกําหนดโครงสร้างของเอกสารโดยใช้แท็ก แท็กประกอบด้วย:

• วงเล็บมุมเปิด <
• วงเล็บมุมปิด >
• คําที่อธิบายชนิดของแท็ก ตัวอย่างเช่น: <div>, <span>, <h2> ฯลฯ

แต่ละแท็กมีแท็กปิดที่สอดคล้องกันซึ่งนําอักขระ /เครื่องหมายทับไปข้างหน้ามาใช้ ดังนั้น ถ้าคุณเห็นว่า<div>ควรมีแท็กที่สอดคล้องกัน</div>

เนื้อหาระหว่างแท็กเปิดและปิดคือเนื้อหาของแท็กนั้น เนื้อหาสามารถประกอบด้วยข้อความและแท็กอื่น ๆ

ชุดของแท็กสามารถฝังไว้ภายในแท็กอีกชุดหนึ่ง โดยให้เอกสาร HTML มีโครงสร้างแบบลําดับชั้น