تمرين - إكمال تحدي لاستخراج البيانات واستبدالها وإزالتها من سلسلة إدخال

مكتمل

تعزز تحديات التعليمات البرمجية التعلم وتساعدك على اكتساب بعض الثقة قبل المتابعة.

في هذا التحدي، يمكنك العمل مع سلسلة تحتوي على جزء من HTML. يمكنك استخراج البيانات من جزء HTML واستبدال بعض محتواه وإزالة أجزاء أخرى من محتواه لتحقيق الإخراج المطلوب.

إذا لم تكن معتادا على تعليمة HTML البرمجية، فراجع قسم "Quick HTML primer" في نهاية هذه الوحدة.

استخراج البيانات واستبدالها وإزالتها من سلسلة إدخال

1. حدد كافة أسطر التعليمات البرمجية واحذفها في محرر التعليمات البرمجية Visual Studio.

2. في Visual Studio Code، أضف التعليمة البرمجية التالية "starter" للحصول على بيانات التحدي:

   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 بنيته الهرمية.