JavaScript Practical Examples
Using JavaScript in HTML
जावास्क्रिप्ट प्रैक्टिकल एक्सरसाइज के माध्यम से जावास्क्रिप्ट कोड को आसानी से समझा जा सकता है। इन प्रैक्टिकल एक्सरसाइज के द्वारा विभिन्न प्रोग्राम कोड को आसानी सीखा जा सकता है। इस टॉपिक में दिए गए उदाहरण सभी छात्रों को जावास्क्रिप्ट सीखने में उपयोगी साबित होंगे।
HTML में जावास्क्रिप्ट कोड का प्रयोग
जावास्क्रिप्ट कोड को लिखने के लिए नोटपैड अथवा किसी भी टेक्स्ट एडिटर का प्रयोग किया जा सकता है। HTML डॉक्यूमेंट में जावास्क्रिप्ट कोड को लिखने के बाद उसे .html के रूप में सेव कर किसी भी ब्राउज़र पर ओपन किया जा सकता है।
निम्न प्रैक्टिकल एक्सरसाइज एवं उदाहरणों की सहायता से आप जावास्क्रिप्ट को आसानी से सीख सकते हैं।
EX-1.1 : Using JavaScript in Head Section.
जावास्क्रिप्ट कोड को HTML पेज में ऐड करने के लिए script टैग का प्रयोग किया जाता है. इसे head सेक्शन के अंदर निम्नानुसार प्रयोग किया जा सकता है।
See the Pen Ex1.1 by ITI COPA (@copaguide) on CodePen.
EX-1.2 : Using JavaScript in Body Section.
जावास्क्रिप्ट कोड को HTML पेज में ऐड करने के लिए body सेक्शन के अंदर निम्नानुसार प्रयोग किया जा सकता है।
See the Pen Ex1.2 by ITI COPA (@copaguide) on CodePen.
EX-1.3 : Using External Code in JavaScript.
जावास्क्रिप्ट कोड को अलग फाइल (.js) एक्सटेंशन के साथ सेव करके HTML फाइल में प्रयोग किया जा सकता है, इसके लिए script टैग के साथ src का उपयोग निम्नानुसार किया जाता है।
जावास्क्रिप्ट कोड को उसी डायरेक्टरी में सेव किया जाना चाहिए जहाँ HTML फाइल सेव की जा रही है।
See the Pen EX1.3 by ITI COPA (@copaguide) on CodePen.
EX-1.4 : Using Single Line Comments in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में Comments प्रोग्राम का वह हिस्सा हैं जिन्हें जावा कंपाइलर्स द्वारा पूरी तरह से अनदेखा किया जाता है। कमेंट्स मुख्य रूप से प्रोग्रामर को कोड को समझने में मदद करने के लिए उपयोग किए जाते हैं।
जावास्क्रिप्ट में सिंगल लाइन कमेंट के लिए "//" का प्रयोग किया जाता है.
उदाहरण के लिए
See the Pen Ex1.4 by ITI COPA (@copaguide) on CodePen.
EX-1.5 : Using Multi Line Comments in JavaScript.
जावास्क्रिप्ट में एक से अधिक लाइन में कमेंट्स का उपयोग करने के लिए मल्टी लाइन कमेंट का प्रयोग किया जाता है, इसके लिए "/*" का प्रयोग कमेंट के प्रारंभ में एवं "*/" का प्रयोग कमेंट के आखिर में किया जाता है.
उदाहरण :
See the Pen by ITI COPA (@copaguide) on CodePen.