Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें?

अनऑर्डर्ड लिस्ट में नई लाइन जोड़ने के लिए, document.querySelector().append() का उपयोग करें। कोड निम्नलिखित है -

उदाहरण

 

     Document       

Adding Name Demo

List Of Name

    उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" से सेव करें और फ़ाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।

    आउटपुट

    यह निम्नलिखित आउटपुट देगा -

    जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें?

    यहां, मैं टेक्स्ट बॉक्स में वैल्यू डाल रहा हूं, उदाहरण के लिए नाम 'John' है -

    जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें?

    उसके बाद, Save बटन पर क्लिक करें। Save बटन पर क्लिक करने के बाद, आउटपुट इस प्रकार है -

    जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें?

    फिर, मैंने नाम 'Bob' डाला। अब, अपडेटेड आउटपुट इस प्रकार है -

    जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें?

    Save बटन पर क्लिक करने के बाद, आउटपुट इस प्रकार है -

    जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें?

    1. JavaScript से एलिमेंट से क्लास नाम कैसे हटाएं? JavaScript से एलिमेंट से क्लास नाम कैसे हटाएं?

      JavaScript से एलिमेंट से क्लास नाम हटाने के लिए, निम्न कोड का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: &

    1. जावास्क्रिप्ट में लूप में देरी कैसे जोड़ें? जावास्क्रिप्ट में लूप में देरी कैसे जोड़ें?

      लूप में देरी जोड़ने के लिए, जावास्क्रिप्ट में setTimeout() मेथड का उपयोग करें। लूप में देरी जोड़ने के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <tit

    1. जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें? जावास्क्रिप्ट से अनऑर्डर्ड लिस्ट (UL) में नई लाइन कैसे जोड़ें?

      अनऑर्डर्ड लिस्ट में नई लाइन जोड़ने के लिए, document.querySelector().append() का उपयोग करें। कोड निम्नलिखित है -उदाहरण  Document h1{ font-size: 2.50rem; } h2, label{ font-size: 1.50rem; } Adding Name Demo Enter The Name: Save List Of Name { let nameTxt = document.querySelector(.t