यह मीवा कोडिंग चुनौती के 100 दिनों में से 15वां दिन है, जो बहुत तेजी से पूरा हुआ लेकिन इससे मुझे अपने HTML, सीएसएस और जावास्क्रिप्ट कौशल में बड़े पैमाने पर सुधार करने में मदद मिली।
आज, मैंने जावास्क्रिप्ट में दो अवधारणाएँ सीखीं। ऑब्जेक्ट गुण और जावास्क्रिप्ट इवेंट प्रदर्शित करना। वे डेटा जोड़ने और वेबपेजों को प्रतिक्रियाशील और इंटरैक्टिव बनाए रखने में बहुत महत्वपूर्ण हैं।

वस्तु गुण प्रदर्शित करना

जैसा कि मैंने पहले चर्चा की, वस्तुओं का उपयोग डेटा ब्लॉक बनाने के लिए किया जाता है जिसमें एक दूसरे या किसी विशेष विषय से संबंधित विभिन्न डेटा प्रकारों का डेटा होता है; कुंजी-मूल्य युग्म प्रारूप में लिखा गया है।
इन गुणों को प्रदर्शित करने की अलग-अलग विधियाँ हैं जिनसे इसे प्राप्त किया जा सकता है। सबसे पहले, उन्हें स्ट्रिंग्स के रूप में प्रदर्शित किया जा सकता है जहां अतिरिक्त ऑपरेटर का उपयोग करके गुणों को संक्षिप्त किया जाता है।

ऑब्जेक्ट समाप्त होने तक उन्हें प्रत्येक कुंजी और मान जोड़ी का चयन करते हुए एक लूप के रूप में प्रदर्शित किया जा सकता है।

उन्हें ऑब्जेक्ट.वैल्यूज़() विधि का उपयोग करके एक सरणी प्रारूप में भी प्रदर्शित किया जा सकता है।

अंत में, उन्हें JSON.stringify() विधि का उपयोग करके प्रदर्शित किया जा सकता है जो उन्हें JSON नोटेशन का उपयोग करके प्रदर्शित करता है।

जावास्क्रिप्ट इवेंट
ईवेंट वे क्रियाएं हैं जो किसी वेबपेज पर ब्राउज़र या उपयोगकर्ता की कार्रवाई या इनपुट के कारण घटित होती हैं। बटन क्लिक करना, वेबपेज लोड करना, पेज आकार देना आदि जैसी कार्रवाइयों को इवेंट के रूप में जाना जाता है। जब ये क्रियाएं होती हैं तो कुछ प्रतिक्रियाएं उत्पन्न करने के लिए जावास्क्रिप्ट कोड का उपयोग किया जा सकता है।

उदाहरण के लिए, एक बटन के क्लिक पर, HTML और CSS के साथ स्थिर प्रदर्शन की तुलना में वास्तविक समय में समय और तारीख प्रदर्शित करने के लिए जावास्क्रिप्ट कोड का उपयोग किया जा सकता है।

जावास्क्रिप्ट कोड का उपयोग किसी विशेष तत्व पर कोई कार्रवाई होने पर उसकी सामग्री को बदलने के लिए भी किया जा सकता है।

किसी घटना के मामले में फ़ंक्शन को कॉल और निष्पादित भी किया जा सकता है।

जावास्क्रिप्ट इवेंट की अवधारणा वेबपेजों को उत्तरदायी और इंटरैक्टिव बनाने के लिए महत्वपूर्ण है क्योंकि उनका उपयोग वेबपेजों पर कार्यों के लिए वास्तविक समय प्रतिक्रियाओं को प्रेरित करने के लिए किया जा सकता है।

दिन 15 बेहद उत्पादक और शिक्षाप्रद था और मैं कल जावास्क्रिप्ट इवेंट के बारे में और अधिक जानने की योजना बना रहा हूं!?

स्रोत कोड यहां उपलब्ध हैं:
ऑब्जेक्ट डिस्प्ले: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)

जावास्क्रिप्ट इवेंट: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)