JavaScript File WebAPI file.type प्रॉपर्टी फाइल के मीडिया टाइप (MIME टाइप) को दर्शाती है। उदाहरण { resultEle.innerHTML += फाइल नाम = + event.target.files[0].name + <br>; resultEle.innerHTML += फाइल टाइप = + event.target.files[0].type; }); </script> </body>

JavaScript arrayBuffer.slice() मेथड एक नया ArrayBuffer लौटाता है जिसकी सामग्री दूसरे ArrayBuffer की कॉपी होती है, begin (सम्मिलित) से end (अनन्य) तक। उदाहरण { resultEle.innerHTML += item + , ; }); }); </script> </body> </html> आउटपुट यहां क्लिक करें ब

कुछ बेसिक JavaScript ऐरे मेथड्स निम्नलिखित हैं: मेथड विवरण Array.push() ऐरे के अंत में एलिमेंट्स जोड़ने के लिए। Array.pop() ऐरे के अंत से एलिमेंट्स हटाने के लिए। Array.unshift() ऐरे के शुरुआत में एलिमेंट्स

JavaScript BOM Window Screen ऑब्जेक्ट में क्लाइंट की स्क्रीन के बारे में जानकारी होती है। Screen ऑब्जेक्ट की प्रॉपर्टीज प्रॉपर्टी विवरण screen.width यूजर की स्क्रीन की चौड़ाई पिक्सेल में लौटाता है। screen.height यूजर की स्क्रीन

प्रॉम्प्ट डायलॉग बॉक्स तब बहुत उपयोगी होता है जब आप यूजर इनपुट प्राप्त करने के लिए एक टेक्स्ट बॉक्स पॉप-अप करना चाहते हैं। यह आपको यूजर के साथ इंटरैक्ट करने में सक्षम बनाता है। यूजर को फील्ड भरकर OK पर क्लिक करना होता है। यह डायलॉग बॉक्स prompt() मेथड का उपयोग करके प्रदर्शित किया जाता है। उदाहरण {

CSS और JavaScript का उपयोग करके एक टैब्ड इमेज गैलरी (मॉडल गैलरी) बनाने का पूरा कोड नीचे दिया गया है। थंबनेल पर क्लिक करने पर बड़ी इमेज मॉडल में खुलती है। उदाहरण { modalEle.style.display = none; }); </script> </body> </html> आउटपुट उपरोक्त कोड निम्नलिखित आउटपुट उ

CSS और JavaScript का उपयोग करके एक इमेज जूम (मैग्निफायर) प्रभाव बनाने का पूरा कोड नीचे दिया गया है। माउस होवर करने पर इमेज का जूम्ड व्यू दाईं ओर दिखाई देता है। उदाहरण imgEle.width - zoomLens.offsetWidth) { x = imgEle.width - zoomLens.offsetWidth; } if (x imgEle.height - zoomLens.offsetHe

JavaScript का उपयोग करके टेक्स्ट को क्लिपबोर्ड में कॉपी करने का पूरा कोड नीचे दिया गया है। यह पुराना document.execCommand(copy) मेथड उपयोग करता है, हालांकि आधुनिक ब्राउज़र्स में navigator.clipboard.writeText() बेहतर विकल्प है। उदाहरण (लीगेसी मेथड) <!DOCTYPE html> <html> <head>

CSS और JavaScript का उपयोग करके एक फुल स्क्रीन सर्च बॉक्स बनाने का पूरा कोड नीचे दिया गया है। यह सर्च बॉक्स बटन पर क्लिक करने पर पूरे स्क्रीन को कवर करते हुए खुलता है। उदाहरण <!DOCTYPE html> <html> <head> <link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/fon

प्रोसीजरल ज्ञान (Procedural Knowledge) प्रोसीजरल या इम्परेटिव ज्ञान यह स्पष्ट करता है कि किसी कार्य को कैसे करना है। यह कार्य करने के चरण निर्धारित करता है। उदाहरण के लिए, - JavaScript में प्रोसीजरल तरीके से एक ऐरे को कैसे कॉपी करें। उदाहरण var a = [1, 2, 3, 4, 5]; var b = []; for (var i = 0; i <

CSS और JavaScript का उपयोग करके स्क्रॉल करने पर नेविगेशन बार को सिकोड़ने (shrink) का पूरा कोड नीचे दिया गया है। यह प्रभाव आधुनिक वेबसाइट्स में आम है जहां नेवबार स्क्रॉल डाउन करने पर छोटा हो जाता है। उदाहरण 20) { document.getElementsByTagName(nav)[0].style.padding = 10px 10px; doc

CSS और JavaScript का उपयोग करके एक स्टिकी नेवबार बनाने का पूरा कोड नीचे दिया गया है। यह नेवबार स्क्रॉल करने पर पेज के शीर्ष पर फिक्स हो जाता है। उदाहरण = stickyTop) { navEle.classList.add(fixed); } else { console.log(WOW); navEle.classList.remove(fixed); }

CSS और JavaScript का उपयोग करके एक क्लिक करने योग्य ड्रॉपडाउन मेनू बनाने का पूरा कोड नीचे दिया गया है। यह मेनू बटन पर क्लिक करने पर खुलता/बंद होता है। उदाहरण { if (menuContent.style.display === ) { menuContent.style.display = block; } else { menuContent.style.displa

डॉक्यूमेंट में ID यूनिक होना चाहिए। नीचे दिया गया कोड दिखाता है कि jQuery का उपयोग करके चेक किए गए रेडियो बटन की वैल्यू कैसे प्राप्त करें और इसे PHP को भेजा जा सकता है। कोड उदाहरण // jQuery से चेक्ड रेडियो बटन की वैल्यू प्राप्त करें var option_avail = $(input[name=option_avail]:checked, #controls).

CSS और JavaScript का उपयोग करके मोबाइल और टैबलेट स्क्रीन के लिए विशेष रूप से एक रिस्पॉन्सिव टॉप नेविगेशन मेनू बनाने का कोड नीचे दिया गया है। यह मेनू छोटी स्क्रीन पर हैमबर्गर मेनू में बदल जाता है। उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <

CSS और JavaScript का उपयोग करके एक कर्टेन नेविगेशन मेनू बनाने का पूरा कोड नीचे दिया गया है। यह मेनू स्क्रीन के बाईं ओर से स्लाइड होकर खुलता है और एक ओवरले प्रभाव देता है। उदाहरण { hideNav(); }); function showNav() { document.querySelector(.sideNav).style.width = 100%;

कॉलैप्सिबल साइडबार मेनू (कंटेंट पुश के साथ) CSS और JavaScript का उपयोग करके कॉलैप्सिबल साइडबार मेनू बनाने का कोड - यह बाईं ओर से स्लाइड होता है और मुख्य कंटेंट को दाईं ओर धकेलता है। उदाहरण { hideNav(); }); function showNav() { document.querySelector(.sideNav).style.width = 300px;

कॉलैप्सिबल साइडपैनल मेनू कॉलैप्सिबल साइडपैनल मेनू बनाने का कोड - यह बाईं ओर से स्लाइड होता है (कंटेंट को पुश नहीं करता, ओवरले करता है)। उदाहरण { hideNav(); }); function showNav() { document.querySelector(.sideNav).style.width = 30%; } function hideNav() { document.que

रिस्पॉन्सिव मॉडल इमेज (सिंगल इमेज) CSS और JavaScript का उपयोग करके रिस्पॉन्सिव मॉडल इमेज बनाने का कोड: उदाहरण { modalEle.style.display = none; }); </script> </body> </html> आउटपुट प्रारंभ में: सिंगल थंबनेल इमेज (मैक्स 300px) इमेज क्लिक करने पर: मॉडल खुलता है, इमेज

मॉडल इमेज गैलरी (Modal Image Gallery) CSS और JavaScript से मॉडल इमेज गैलरी बनाने का कोड: उदाहरण { modalEle.style.display = none; }); </script> </body> </html> आउटपुट थंबनेल इमेजेज ग्रिड में दिखती हैं किसी थंबनेल पर क्लिक करने पर: मॉडल खुलता है, फुल-साइज़ इमेज दिखती