-
वेनिला JavaScript से एलिमेंट से क्लास कैसे हटाएं
JavaScript classList प्रॉपर्टी के remove() मेथड से HTML एलिमेंट से क्लास हटाना सरल है। यदि आपने पहले से एलिमेंट में क्लास कैसे जोड़ें पढ़ा है, तो आपको पता चलेगा कि क्लास हटाना बिल्कुल उसी तरह है, बस उल्टा। आइए पहले जेनेरिक classList.remove() फॉर्मूला देखें — फिर एक व्यावहारिक उदाहरण के साथ आगे बढ़ें
-
JavaScript से HTML एलिमेंट में ID कैसे जोड़ें
इस सरल कोड स्निपेट के साथ, आप JavaScript का उपयोग करके किसी भी मौजूदा HTML एलिमेंट में ID एट्रिब्यूट जोड़ सकते हैं। कोड let featuredTitle = document.querySelector(h1); featuredTitle.id = featured-title; वीडियो में क्या हो रहा है: सबसे पहले, हम वेब पेज पर h1 एलिमेंट को ढूंढते हैं और इसे featured
-
JavaScript ऑब्जेक्ट को JSON स्ट्रिंग में कैसे बदलें (JSON.stringify)
आप JavaScript ऑब्जेक्ट्स को सीधे सर्वर पर नहीं भेज सकते, लेकिन आप JSON भेज सकते हैं — एक सार्वभौमिक रूप से सुलभ स्ट्रिंग फॉर्मैट। इस कोड स्निपेट के साथ, आप JavaScript ऑब्जेक्ट्स को तुरंत JSON स्ट्रिंग में बदल सकते हैं, जिससे आप अपना डेटा अपने सर्वर पर भेज सकते हैं। यहाँ एक JavaScript ऑब्जेक्ट है जो
-
जावास्क्रिप्ट के साथ एक प्रदर्शनकारी "व्यूपोर्ट आयाम प्राप्त करें" मिनी-ऐप बनाएं
एक शुरुआती-अनुकूल और व्यावहारिक वैनिला जावास्क्रिप्ट ट्यूटोरियल। मुख्य निष्कर्ष: कैसे हाई-परफॉरमेंस विंडो इवेंट लिखें जो हमारे उपयोगकर्ताओं के हार्डवेयर को न मारें। लक्ष्य: पूर्ण शुरुआती से मध्यवर्ती आज हम व्यूपोर्ट आयाम नामक एक शानदार छोटा ऐप बना रहे हैं। यह सुविधा एक चीज़ वास्तव में अच्छी तरह से क
-
JavaScript से चेक करें कि क्लास मौजूद है या नहीं
JavaScript classList प्रॉपर्टी के contains() मेथड से एलिमेंट पर क्लास मौजूद है या नहीं चेक करना सरल और तेज है। आइए पहले classList.contains() का उपयोग करने के लिए जेनेरिक फॉर्मूला देखें और फिर हम एक व्यावहारिक उपयोग के मामले को देखेंगे। classList.contains() फॉर्मूला var element = document.querySel
-
JavaScript से माउस एंटर करने पर एलिमेंट दिखाएं
मान लीजिए आपके पास एक अदृश्य एलिमेंट है (जैसे एक्शन बार/मेनू) जिसे आप तब दिखाना चाहते हैं जब यूजर का माउस उस क्षेत्र में प्रवेश करता है। हम JavaScript mouseenter इवेंट सेट करके ऐसा कर सकते हैं। इसे कैसे करें: HTML मार्कअप अपने पसंदीदा एडिटर में निम्नलिखित HTML कोड जोड़ें (ऑनलाइन के लिए मैं Code
-
JavaScript classList प्रॉपर्टी से क्लासेज कैसे टॉगल करें
JavaScript से एलिमेंट्स पर क्लासेज टॉगल करना एक डेवलपर के रूप में सीखने के सबसे व्यावहारिक कौशल में से एक है। टॉगलिंग का उपयोग कई चीजों के लिए किया जाता है, जिसमें मेन्यू दिखाना और छुपाना, सर्च फिल्टर्स जोड़ना और हटाना, और सोशल मीडिया बटन (लाइक्स, थंब्स अप आदि) शामिल हैं। टॉगलिंग को संदर्भ के आधा
-
JavaScript में स्ट्रिंग के अंतिम कैरेक्टर को कैसे हटाएं
JavaScript से स्ट्रिंग से अंतिम कैरेक्टर को हटाने का सबसे सरल तरीका slice() मेथड का उपयोग करना है। ऐसा करने के लिए, हमें slice() मेथड के अंदर दो पैरामीटर जोड़ने होंगे: शुरुआती बिंदु (0) हटाने के लिए आइटम्स की संख्या (1) यहां एक उदाहरण है जहां हम एक गलत लिखे गए कंपनी नाम को सही करते हैं: const c
-
JavaScript से चेक करें कि एलिमेंट या स्ट्रिंग में विशिष्ट शब्द वैल्यू शामिल है या नहीं
JavaScript से कैसे चेक करें कि स्ट्रिंग में विशिष्ट शब्द वैल्यू शामिल है? JavaScript के बिल्ट-इन includes() मेथड का उपयोग करके, जो यह निर्धारित करता है कि स्ट्रिंग में वे विशिष्ट कैरेक्टर्स हैं या नहीं जिन्हें आप खोज रहे हैं। तो मान लीजिए आप जानना चाहते हैं कि यह HTML पेज JavaScript शब्द को समाहित
-
JavaScript से ऐरे के पहले आइटम्स कैसे प्राप्त करें
JavaScript ऐरे में पहले X नंबर के एलिमेंट्स को कैसे एक्सेस करें? आप JavaScript के बिल्ट-इन slice() मेथड का उपयोग करते हैं। उदाहरण के रूप में, मान लीजिए आपको ऐरे के पहले 3 आइटम्स में हेरफेर करने की आवश्यकता है। इस मामले में ऐरे एक्सरसाइज की लिस्ट है: const exerciseList = [ Deadlift, Squat,
-
प्लेन JavaScript से DOM एलिमेंट्स को कैसे छुपाएं और दिखाएं
प्लेन, वेनिला JavaScript से DOM एलिमेंट्स को छुपाना और दिखाना सीखें। JavaScript में एक स्टाइल प्रॉपर्टी होती है, जिसे उचित रूप से style कहा जाता है, जिसका उपयोग एलिमेंट्स पर CSS प्रॉपर्टीज़ सेट करने और उन्हें ठीक वैसे ही स्टाइल करने के लिए किया जा सकता है जैसे आप CSS से कर सकते हैं। आइए इसे आजमाएं!
-
JavaScript से ऐरे में आइटम कैसे अपेंड करें
JavaScript से ऐरे में आइटम्स अपेंड करने के कुछ तरीके सीखें किसी ऐरे में आइटम अपेंड करने के लिए, आप JavaScript के push() मेथड या concat() मेथड का उपयोग कर सकते हैं, संदर्भ के आधार पर। दोनों मेथड्स JavaScript Array ऑब्जेक्ट द्वारा प्रदान किए जाते हैं। मैं आपको दिखाऊंगा कि व्यावहारिक रूप से दोनों मेथ
-
JavaScript से ऑब्जेक्ट में प्रॉपर्टीज़ की संख्या कैसे गिनें
दो अलग-अलग मेथड्स के साथ JavaScript ऑब्जेक्ट में प्रॉपर्टीज़ की संख्या गिनना सीखें। JavaScript ऑब्जेक्ट प्रॉपर्टीज़ की संख्या गिनने के लिए, आप या तो उपयोग कर सकते हैं: एक for लूप या Object.keys() मेथड। आइए दोनों का पता लगाएं! for लूप से ऑब्जेक्ट प्रॉपर्टीज़ गिनें यहां dog नामक एक JavaScript ऑब
-
JavaScript से किसी एलिमेंट के बाहर क्लिक का पता कैसे लगाएं
JavaScript से किसी एलिमेंट के बाहर क्लिक का पता लगाना सीखना एक शक्तिशाली कौशल है जिसका उपयोग आप कई स्थितियों में कर सकते हैं, जैसे मेनू या मॉडल विंडोज छुपाने के लिए। कुछ ही मिनटों में, आप जान जाएंगे कि कैसे। बेसिक JavaScript आउटसाइड एलिमेंट डिटेक्शन HTML में एक बॉक्स एलिमेंट बनाएं: <div class=
-
JavaScript से स्ट्रिंग्स के अंदर व्हाइट स्पेस को कैसे बदलें (RegEx का उपयोग करके)
Regex (रेगुलर एक्सप्रेशन्स) का उपयोग करके JavaScript से स्ट्रिंग्स के अंदर व्हाइट स्पेस को बदलना सीखें — टेक्स्ट के भीतर पैटर्न खोजने के लिए एक टूल। Regex (अक्सर RegEx या RegExp लिखा जाता है) स्ट्रिंग्स (टेक्स्ट) के साथ काम करने के लिए एक परफॉरमेंट टूल है। Regex के सबसे आम उपयोग के मामले हैं: टेक्
-
JavaScript से ऐरे को स्ट्रिंग में कैसे बदलें
दो अलग-अलग मेथड्स का उपयोग करके JavaScript से ऐरे को स्ट्रिंग में बदलना सीखें। JavaScript में कुछ मेथड्स हैं जो आपको ऐरे कंटेंट को स्ट्रिंग के रूप में लौटाने की अनुमति देते हैं। उन्हें toString() और join() कहा जाता है। सतह पर, वे लगभग समान दिखाई देते हैं, लेकिन जैसा कि आप देखेंगे, वे नहीं हैं। आइए
-
JavaScript से डबल कोट्स के बीच का टेक्स्ट कैसे निकालें
JavaScript से स्ट्रिंग से डबल कोट्स के बीच का टेक्स्ट निकालना सीखें। मान लीजिए आप टेक्स्ट ब्लॉक से कुछ कोटेड टेक्स्ट प्राप्त करना चाहते हैं। कोट्स आमतौर पर डबल कोट्स ( ) से लपेटे जाते हैं। कोई समस्या नहीं, आप JavaScript के match() मेथड और कुछ RegEx मैजिक का उपयोग कर सकते हैं। यहां एक टेक्स्ट ब्लॉक
-
JavaScript से स्ट्रिंग से नंबर कैसे निकालें
JavaScript से स्ट्रिंग से एक या कई नंबर्स निकालना सीखें। मान लीजिए आपके पास एक स्ट्रिंग है, जिसमें एक नंबर शामिल है, और आप केवल नंबर निकालना चाहते हैं। कोई समस्या नहीं, आप JavaScript के match() मेथड का उपयोग कर सकते हैं। यहां एक स्ट्रिंग वैल्यू है, जिसमें एक नंबर (1995) शामिल है जिसे stringWithOne
-
JavaScript से स्ट्रिंग के सभी इंस्टेंसेज को कैसे बदलें
रेगुलर एक्सप्रेशन्स (RegEx) और replace() मेथड का उपयोग करके JavaScript में किसी शब्द (स्ट्रिंग) के सभी इंस्टेंसेज को बदलना सीखें। मान लीजिए आपके पास टेक्स्ट का एक बड़ा ब्लॉक है जो आपकी कंपनी के नवीनतम उत्पाद के बारे में बात करता है, लेकिन दुर्भाग्य से, एक शब्द कई बार गलत लिखा गया था। निम्नलिखित टेक
-
JavaScript से स्ट्रिंग के अंदर किसी भी कैरेक्टर को कैसे बदलें
रेगुलर एक्सप्रेशन्स (RegEx) और replace() मेथड का उपयोग करके JavaScript से स्ट्रिंग के अंदर किसी भी कैरेक्टर को बदलना सीखें। मान लीजिए आपके पास टेक्स्ट का एक ब्लॉक है और आप एम डैश (—) का उपयोग करना चाहते थे, लेकिन गलती से आपने हाइफ़न (-) का उपयोग किया: const textBlock = When youre typing fast its n