JavaScript Symbol.toStringTag सिंबल एक प्रसिद्ध सिंबल है जो ऑब्जेक्ट निर्माण के दौरान उसके विवरण के लिए एक स्ट्रिंग-मान वाली प्रॉपर्टी है। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=&q

JavaScript symbol.valueOf() फंक्शन एक सिंबल ऑब्जेक्ट का प्रिमिटिव मान लौटाता है। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <

JavaScript ऑटो कम्प्लीट/सजेशन फीचर लागू करने के लिए, निम्न कोड का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    } </style> </head>

निम्नलिखित Date मेथड्स हैं: मेथडविवरण getFullYear()वर्ष को चार अंकों की संख्या के रूप में लौटाता है। getMonth()महीने को संख्या के रूप में लौटाता है। getDate()दिन को संख्या के रूप में लौटाता है। getHours()घंटे को लौटाता है। getMinutes()मिनट्स को लौटाता है। getSeconds()सेकंड्स को लौटाता है। getMil

JavaScript में स्पैन एलिमेंट का टेक्स्ट प्राप्त करने के लिए, निम्न कोड का उपयोग करें: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

symbol.description प्रॉपर्टी सिंबल ऑब्जेक्ट के वैकल्पिक विवरण को लौटाती है और यह एक रीड-ओनली प्रॉपर्टी है। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-

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

उदाहरण JavaScript का उपयोग करके फुलस्क्रीन विंडो बनाने के लिए, निम्न कोड का उपयोग करें: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style>    body{       f

उदाहरण JavaScript और SVG का उपयोग करके स्क्रॉल पर ड्राइंग बनाने के लिए, निम्न कोड का उपयोग करें: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       hei

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

Font Awesome आइकॉन्स और JavaScript का उपयोग करके एक इंटरैक्टिव लाइक/डिस्लाइक बटन बनाना जिसमें क्लिक पर एनिमेशन और स्टेट टॉगल शामिल हो। उदाहरण <!DOCTYPE html> <html> <head> <link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css />

किसी एलिमेंट की विजिबिलिटी को टॉगल करना (दिखाना/छुपाना) JavaScript के सबसे आम कार्यों में से एक है। इसे style.display, style.visibility, या hidden एट्रिब्यूट के साथ किया जा सकता है। उदाहरण (display टॉगल) <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-wid

JavaScript का उपयोग करके किसी एलिमेंट का टेक्स्ट कंटेंट दो स्थितियों के बीच टॉगल करना एक सामान्य UI पैटर्न है (जैसे अधिक दिखाएं/कम दिखाएं, चालू/बंद)। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> bo

classList.toggle() मेथड एक क्लास को टॉगल करता है: यदि मौजूद है तो हटा देता है, यदि नहीं है तो जोड़ देता है। वैकल्पिक दूसरे आर्गुमेंट (force) के साथ बलपूर्वक जोड़/हटाया जा सकता है। उदाहरण { const element = document.getElementById(sampleDiv); element.classList.toggle(newStyle);

JavaScript में classList.add() मेथड का उपयोग करके किसी HTML एलिमेंट में एक या अधिक CSS क्लास नाम डायनामिकली जोड़े जा सकते हैं। यह स्टाइल बदलने का आधुनिक, अनुशंसित तरीका है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 />

Array.prototype.reverse() मेथड एरे के तत्वों के क्रम को स्थानांतरित (in-place) उलट देता है। पहला तत्व अंतिम बन जाता है और अंतिम पहला। यह मूल एरे को बदल देता है और उसी एरे का संदर्भ लौटाता है। उदाहरण { arr.reverse(); fillEle.innerHTML = उल्टा: + arr.join(, ); }); </scrip

Array.prototype.join() मेथड एरे के सभी तत्वों को एक स्ट्रिंग में जोड़ता है, वैकल्पिक सेपरेटर के साथ। डिफ़ॉल्ट सेपरेटर कॉमा (,) है। यह toString() से अधिक लचीला है। उदाहरण { fillEle.innerHTML = join() परिणाम: + arr.join(); }); </script> </body> </html> आउटपुट मूल ए

Symbol.isConcatSpreadable एक वेल-नोन सिंबल है जो कॉन्फिगर करता है कि Array.prototype.concat() मेथड किसी ऑब्जेक्ट को अपने तत्वों में फ्लैट करे या एकल तत्व के रूप में जोड़े। उदाहरण { // डिफ़ॉल्ट: एरे फैलते हैं let concatArr = arr1.concat(arr2); result[0].innerHTML += → +

Symbol.keyFor() स्टैटिक मेथड ग्लोबल सिंबल रजिस्ट्री में दिए गए सिंबल से जुड़ी की (स्ट्रिंग) को खोजता है और लौटाता है। यदि सिंबल ग्लोबल रजिस्ट्री में नहीं मिलता (अर्थात Symbol() से बना है, Symbol.for() से नहीं), तो undefined लौटाता है। उदाहरण { fillEle.innerHTML += symbol = + Symbol.keyFo

Symbol.prototype.toString() मेथड निर्दिष्ट सिंबल ऑब्जेक्ट का स्ट्रिंग प्रतिनिधित्व लौटाता है, जो Symbol(description) फॉर्मेट में होता है। यह डिबगिंग और लॉगिंग के लिए उपयोगी है। उदाहरण { fillEle.innerHTML += symbol.toString() + <br>; fillEle.innerHTML += symbol1.toString() +