जावास्क्रिप्ट में DOM के साथ काम करने की मूल बातें
पिछले पाठों में हमने जावास्क्रिप्ट भाषा की बुनियादी संभावनाओं का अध्ययन किया। इस पाठ से शुरू करके हम उस काम में लग जाएंगे, जिसके लिए वास्तव में जावास्क्रिप्ट बनाई गई है - हम HTML पेज के एलिमेंट्स को बदलेंगे और उपयोगकर्ता की क्रियाओं पर प्रतिक्रिया देंगे। हमारी स्क्रिप्ट्स अधिक दर्शनीय और उपयोगी बन जाएंगी।
निम्नलिखित सभी पाठों में आपका जावास्क्रिप्ट कोड HTML कोड के नीचे रखा जाना चाहिए, जिससे वह संपर्क करता है। यानी आपके कोड की संरचना निम्नलिखित तरीके से दिखनी चाहिए:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
आपके HTML टैग
<script>
आपका जावास्क्रिप्ट कोड
</script>
</body>
</html>
या निम्नलिखित तरीके से, यदि आप जावास्क्रिप्ट कोड एक अलग फाइल में लिख रहे हैं:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
आपके HTML टैग
<script src="index.js"></script>
</body>
</html>
आगे संक्षिप्तता के लिए, मैं पूरा कोड नहीं दूंगा, बल्कि केवल यह इंगित करूंगा कि HTML भाग में क्या लिखना है, और क्या - जावास्क्रिप्ट भाग में।
कोड की निर्दिष्ट संरचना के साथ एक फाइल बनाएं।