JavaScript Output
जावास्क्रिप्ट के आज के पाठ में हम जावास्क्रिप्ट आउटपुट के बारे में सीखेंगे । आउटपुट से आशय उस गतिविधि से है जिसके द्वारा हम जावास्क्रिप्ट में लिखे कोड के परिणाम को हमारे एचटीएमएल पेज में प्रकट करते हैं । अर्थात् किसी भी लिखे हुए कोड का जो फल है उसे पेज पर दिखाने के लिये जिस गतिविधि का प्रयोग करते हैं उसे बाह्यस्थापन या आउटपुट कहते हैं ।
जावास्क्रिप्ट में लिखे गए कोड के परिणाम को दिखाने के लिये निम्न चार विकल्पों का प्रयोग किया जाता है । -
1- document.write();
2- innerHTML = "";
3- console.log();
4- window.alert();
इन चारों विकल्पों का प्रयोग निम्न तरीकों से किया जाता है ।
1- document.write(); का प्रयोग
<!doctype html>
<html>
<head>
</head>
<body>
<script>
document.write("My First JavaScript Page");
</script>
</body>
</html>
इस कोड को अपने नोटपैड पर कापी करके home.html नाम से सेव करें और इसे अपने ब्राउजर पर रन कराएँ । आपको परिणाम My First JavaScript Page मिलेगा ।
2- innerHTML = ""; का प्रयोग -
<!doctype html>
<html>
<head>
</head>
<body>
<div id="d1">
</div>
<script>
document.getElementById('d1').innerHTML = "My First JavaScript";
</script>
</body>
</html>
इस कोड को भी पूर्ववत अपने नोटपैड पर कापी-पेस्ट करके रन कराने पर परिणाम परिणाम My First JavaScript Page ही मिलेगा । इसमें एक नया कोड प्रयोग किया गया है जिसका विवरण आपको आगे प्राप्त होगा ।
3- console.log(); का प्रयोग ।
<!doctype html>
<html>
<head>
</head>
<body>
<script>
console.log("My First JavaScript Page");
</script>
</body>
</html>
इसका प्रयोग ठीक विन्डो.राइट की ही तरह करते हैं । और इसका परिणाम भी ठीक उसी तरह प्राप्त होता है किन्तु इसका प्रयोग प्राय: वेबडेवलपर के द्वारा ही किया जाता है । यह विकल्प कभी कभार आपके ब्राउजर पर काम नहीं भी करेगा क्यूँकि इसके लिये कन्सोल.लाग विकल्प को ऑन करना पड सकता है ।
4- window.alert(); का प्रयोग -
<!doctype html>
<html>
<head>
</head>
<body>
<script>
window.alert("My First JavaScript Page");
</script>
</body>
</html>
विन्डो.एलर्ट का प्रयोग करने पर आपको आपके ब्राउजर पर एक एलर्ट बाक्स मिलेगा जिसपर उपर My First JavaScript Page तथा नीचे Ok लिखा रहेगा । इस ओके बटन पर क्लिक करने का मतलब है कि आपने इस विकल्प के प्रयोग को स्वीकृति दे दी है ।
इस तरह इन सभी विकल्पों के प्रयोग के द्वारा जावास्क्रिप्ट में आउटपुट दिया जा सकता है ।
आगे के पाठों में हम इन विकल्पों का बार-बार प्रयोग देखेंगे । आगे हम इनका ठीक तरीके से आवश्कतानुसार प्रयोग भी सीखेंगे ।
Comments
Post a Comment