व्यायाम - इनपुट स्ट्रिंग से डेटा निकालने, बदलने और निकालने के लिए एक चुनौती को पूरा करें

पूरा किया

कोड चुनौतियां सीखने को सुदृढ़ करती हैं और जारी रखने से पहले आपको कुछ आत्मविश्वास हासिल करने में मदद करती हैं।

इस चुनौती में, आप एक स्ट्रिंग के साथ काम करते हैं जिसमें HTML का एक टुकड़ा होता है। आप HTML खंड से डेटा निकालते हैं, इसकी कुछ सामग्री को प्रतिस्थापित करते हैं, और वांछित आउटपुट प्राप्त करने के लिए इसकी सामग्री के अन्य भागों को निकालते हैं।

यदि आप HTML कोड से अपरिचित हैं, तो इस इकाई के अंत में "त्वरित HTML प्राइमर" अनुभाग की समीक्षा करें।

इनपुट स्ट्रिंग से डेटा निकालें, बदलें और निकालें

  1. Visual Studio कोड संपादक में सभी कोड पंक्तियों का चयन करें और हटाएँ।

  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. HTML वाले string कोड की प्रारंभिक पंक्ति की समीक्षा करने के लिए एक मिनट का समय लें।

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

    चर में निहित टैग :<div>,<h2>,<span> और प्रतीक कोड &trade; पर ध्यान दें input

  4. अंतिम प्रोग्राम आउटपुट के लिए वांछित आउटपुट की जांच करें:

    Quantity: 5000
    Output: <h2>Widgets &reg;</h2><span>5000</span>
    
  5. टिप्पणी // Your work hereके तहत स्टार्टर कोड में अपना समाधान कोड जोड़ना शुरू करें।

  6. चर को quantity और <span> टैग के बीच पाठ को निकालकर प्राप्त मूल्य पर सेट करें</span>

  7. वैरिएबल को output के मान पर inputसेट करें, फिर AND <div> टैग को </div> हटा दें।

  8. चर में HTML वर्ण (&trade;) को (®) से &reg;output बदलें।

  9. अपना समाधान चलाएँ और सत्यापित करें कि आउटपुट अपेक्षित आउटपुट से मेल खाता है।

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

चाहे आप अटक जाएं और समाधान पर झांकने की आवश्यकता हो या आप सफलतापूर्वक समाप्त कर लें, इस चुनौती का समाधान देखना जारी रखें।

त्वरित HTML प्राइमर

यदि आप HTML से अपरिचित हैं, तो यह मार्कअप भाषा है जिसका उपयोग सभी वेब पेज बनाने के लिए किया जाता है। यदि आपको HTML की अच्छी समझ है तो इस अनुभाग को छोड़ दें। जानकारी को इस चुनौती को पूरा करने के लिए पर्याप्त जानकारी प्रदान करने के लिए डिज़ाइन किया गया है, न कि एक व्यापक HTML ट्यूटोरियल होने के लिए।

HTML में, आप टैग का उपयोग करके दस्तावेज़ की संरचना निर्धारित करते हैं। एक टैग से बना है:

  • एक उद्घाटन कोण ब्रैकेट <
  • एक समापन कोण ब्रैकेट >
  • टैग के प्रकार का वर्णन करने वाला एक शब्द, उदाहरण के लिए: <div>, <span>, <h2> आदि।

प्रत्येक टैग में एक संबंधित समापन टैग होता है जो एक फॉरवर्ड स्लैश वर्ण /का परिचय देता है। इसलिए, यदि आप देखते हैं <div> कि एक संबंधित </div> टैग होना चाहिए।

उद्घाटन और समापन टैग के बीच की सामग्री उस टैग की सामग्री होती है. सामग्री में पाठ और अन्य टैग शामिल हो सकते हैं।

टैग का एक सेट टैग के दूसरे सेट के अंदर एम्बेड किया जा सकता है, जिससे HTML दस्तावेज़ को इसकी पदानुक्रमित संरचना मिलती है।