एक फील्ड को दूसरे फील्ड के समान स्वचालित रूप से भरने के लिए JavaScript का उपयोग करना एक सामान्य आवश्यकता है, विशेष रूप से फॉर्म में जहां प्राथमिक और द्वितीयक पते समान हो सकते हैं। उदाहरण { if (event.target.checked) { addressEle[1].value = addressEle[0].value; pin

JavaScript में Boolean constructor प्रॉपर्टी उस कंस्ट्रक्टर फंक्शन को लौटाती है जिसने Boolean प्रोटोटाइप बनाया। यह प्रॉपर्टी सभी Boolean इंस्टेंस पर उपलब्ध होती है। उदाहरण { document.querySelector(.sample).innerHTML = Boolean constructor फंक्शन: <br> + bool.constructor;

JavaScript में, चूंकि फंक्शन ऑब्जेक्ट होते हैं, इसलिए हम उन्हें दूसरे फंक्शन में पैरामीटर के रूप में पास कर सकते हैं। इन फंक्शन को फिर दूसरे फंक्शन के अंदर कॉल किया जा सकता है, और पास किए गए फंक्शन को कॉलबैक फंक्शन कहा जाता है। उदाहरण { add(4, 5, multiplyResultByTwo); }); </scrip

Chart.js एक ओपन सोर्स JavaScript लाइब्रेरी है। Chart.js का उपयोग करके, अपनी वेबसाइट पर एनिमेटेड, इंटरैक्टिव ग्राफ जोड़ें। JavaScript में Chart.js लाइब्रेरी का कोड निम्न है: उदाहरण <!DOCTYPE html> <html> <head> <script src=https://cdn.jsdelivr.net/npm/chart.js@2.8.0></scr

clearTimeout() मेथड पहले से setTimeout() फ़ंक्शन द्वारा सेट किए गए टाइमआउट को क्लियर करता है। clearInterval() मेथड पहले से setInterval() फ़ंक्शन द्वारा सेट किए गए इंटरवल को क्लियर करता है। उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       f

उदाहरण JavaScript का उपयोग करके एक फिल्टर टेबल बनाने के लिए, निम्न कोड देखें: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    * {       box-sizing: border-box; &

क्लास नाम के आधार पर DIV एलिमेंट को फिल्टर करने के लिए, कोड निम्न है: उदाहरण { removeActiveClass(item, show); if (item.className.indexOf(c) > -1) addActiveClass(item, show); }); } function addActiveClass(ele, name) { var i, arr1, arr2; arr1 = ele.className.split( ); arr2 = name.split( ); for (i

CSS और JavaScript से ड्रॉपडाउन मेनू में आइटम्स खोजने के लिए, कोड निम्न है: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1> <style> .dropbtn { background-color: rgb(76, 78, 175); color: white; padding: 16px; font-siz

HTML लिस्ट (UL/OL) को JavaScript से सॉर्ट करना JavaScript का उपयोग करके HTML लिस्ट को वर्णानुक्रम में सॉर्ट करने का कोड: उदाहरण <!DOCTYPE html> <html> <body> <h1>लिस्ट सॉर्टिंग उदाहरण</h1> <button>क्लिक करके सॉर्ट करें</button> <ul class=animalLis

HTML टेबल को JavaScript से सॉर्ट करना JavaScript का उपयोग करके HTML टेबल को वर्णानुक्रम (अल्फाबेटिकली) सॉर्ट करने का कोड: उदाहरण <!DOCTYPE html> <html> <head> <title>HTML टेबल को अल्फाबेटिकली सॉर्ट करें</title> <style> button { padding: 10px; margin-bott

बेसिक मॉडल बॉक्स (Modal Box) CSS और JavaScript से मॉडल बॉक्स बनाने का कोड: उदाहरण { modal.style.display = none; }); window.onclick = function(event) { if (event.target == modal) { modal.style.display = none; } }; </script> </body> </html> आउटपुट प्रारंभ मे

डिलीट कन्फर्मेशन मॉडल CSS और JavaScript से डिलीट कन्फर्मेशन मॉडल बनाने का कोड: उदाहरण { hideModal(); }); function hideModal() { modal.style.display = none; } window.onclick = function(event) { if (event.target == modal) { hideModal(); } }; </script> </body&g

स्क्रॉल प्रोग्रेस इंडिकेटर CSS और JavaScript से स्क्रॉल इंडिकेटर (पेज के शीर्ष पर प्रोग्रेस बार) बनाने का कोड: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1> <style> body { font-size: 28px; mar

कस्टम रेंज स्लाइडर स्टाइलिंग CSS और JavaScript से कस्टम रेंज स्लाइडर बनाने का कोड: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> .slidecontainer { width: 100%; } .slider { -webkit-appe

मॉडल पॉपअप (Modal Popup) CSS और JavaScript से पॉपअप्स बनाने का कोड: उदाहरण { popUp.style.display = none; }); // बैकड्रॉप क्लिक पर बंद करें window.onclick = function(event) { if (event.target == popUp) { popUp.style.display = none; } }; </script> </body> </h

कस्टम सेलेक्ट बॉक्स (ड्रॉपडाउन) CSS और JavaScript से कस्टम सेलेक्ट बॉक्स बनाने का कोड - नेटिव <select> को छुपाकर कस्टम स्टाइल्ड वर्जन दिखाता है। उदाहरण { c = document.createElement(DIV); c.innerHTML = selElmnt.options[index].innerHTML; c.addEventListener(click, function(e)

JavaScript का उपयोग करके चेकबॉक्स चेक्ड है या नहीं जांचने का कोड नीचे दिया गया है। उदाहरण <!DOCTYPE html> <html> <head> <h1>चेकबॉक्स चेक होने पर टेक्स्ट बॉक्स दिखाना</h1> चेकबॉक्स: <input type=checkbox class=check onclick=checkFunction() /> <h2 clas

JavaScript का उपयोग करके इनपुट फील्ड में कैप्स लॉक (Caps Lock) ऑन है या नहीं पता करने का कोड नीचे दिया गया है। उदाहरण { if (event.getModifierState(CapsLock)) { textBox.style.display = block; } else { textBox.style.display = none; } }); </script>

JavaScript का उपयोग करके कीबोर्ड एंटर कुंजी दबाने पर बटन क्लिक ट्रिगर करने का कोड नीचे दिया गया है। उदाहरण <!DOCTYPE html> <html> <head> <h1>एंटर कुंजी पर बटन क्लिक ट्रिगर उदाहरण</h1> <input id=inputField value=कुछ टेक्स्ट.. /> <button id=alertBtn o

CSS और JavaScript का उपयोग करके पासवर्ड वैलिडेशन फॉर्म बनाने का पूरा कोड नीचे दिया गया है। यह रियल-टाइम फीडबैक दिखाता है कि पासवर्ड आवश्यकताओं को पूरा करता है या नहीं। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 />