Learn different type of JavaScript output in Hindi: क्या आप जानते हैं कि जावास्क्रिप्ट कोड को स्क्रीन पर प्रदर्शित करने के कितने प्रकार या तरीके हैं? यदि नहीं, तो आप इस “जावास्क्रिप्ट आउटपुट इन हिंदी ट्यूटोरियल” लेख को पूरा पढ़ने के बाद सीख जाएंगे।
यदि आप जावास्क्रिप्ट भाषा को सीखना केबल शुरुआत किए हैं, तो आपके लिए यह सबसे महत्वपूर्ण सबक में से एक। यदि आप इस अध्याय को छोड़ते हैं, तो आपको HTML element, alert message, console आदि। आउटपुट प्रदर्शित करने में समस्या हो सकती है।
नोट: इस लेख को पढ़ने से पहले JavaScript code कहाँ और कैसे लिखें समझें, और अगर आपको एचटीएमएल और सीएसएस का बेसिक जानकारी नहीं है, तो पहले “HTML” और “CSS Tutorial” को पढ़े।
Table of Contents
Display JavaScript Output in Hindi
जावास्क्रिप्ट भाषा में लिखे गए कोड का आउटपुट को प्रदर्शित करने के तरीकों को परिभाषित करता है। जावास्क्रिप्ट कोड का आउटपुट चार अलग-अलग तरीकों का उपयोग करके प्रदर्शित किया जा सकता है, जो नीचे सूचीबद्ध हैं:
innerHTML.document.write().window.alert().console.log().
आइए समझते हैं कि इन चार प्रकार के JavaScript आउटपुट का उपयोग कैसे और कहां किया जाता है:
#1. innerHTML का उपयोग करके HTML elements में आउटपुट प्रदर्शित करें
मूल रूप से, इसका उपयोग किसी element तक पहुंचने के लिए किया जाता है। यह HTML सामग्री को परिभाषित करता है।
Syntax:
document.getElementById(id)HTML element को access करने के लिए, JavaScript में document.getElementById(id) method का उपयोग किया जा सकता है।
इसमें id attribute, HTML element को परिभाषित करता है। और और डेटा प्रदर्शित करने के लिए innerHTML attribute का उपयोग कर सकते हैं।
डेटा प्रदर्शित करने के लिए innerHTML attribute का उदाहरण:
Example:
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Output using innerHTML
</title>
</head>
<body>
<center>
<h2>JavaScript Tutorial In Hindi</h2>
<h3>
JavaScript Output Display Possibilities Using innerHTML
</h3>
<p> www.tutorialinhindi.com </p>
<hr>
<p id="TiH"></p>
<!-- Script to uses innerHTML -->
<script>
document.getElementById("TiH").innerHTML
= 2 + 2;
</script>
</center>
</body>
</html>
दिए गए कोड को copy करे और Text editor में Paste करें और file को javascript.html नाम से save करें और browser में open करें।
आउटपुट कुछ इस तरह प्रदर्शित होगा:
#2. document.write() का उपयोग करके आउटपुट प्रदर्शित करें
इसका उपयोग simple टेक्स्ट और testing उद्देश्य के लिए किया जाता है।
Syntax:
document.writeउदाहरण के साथ समझें:
<!DOCTYPE html>
<html>
<head>
<title>Display JavaScript output Using document.write()</title>
</head>
<body>
<center>
<script>
// Simple text message..
document.write("Welcome to JavaScript Tutorial in Hindi");
document.write("<br>");
document.write("www.tutorialinhindi.com");
document.write("<hr>")
// Variable value..
var x = 5;
var y = 10;
var sum = x * y;
document.write(sum);
</script>
</center>
</body>
</html>
इस उदाहरण में, simple टेक्स्ट और Variable भी उपयोग किया गिया है।
Output:
#3. window.alert() का उपयोग करके आउटपुट प्रदर्शित करें
Alert box प्रदर्शन करने के लिए जावास्क्रिप्ट window.alert() का उपयोग करके सामग्री प्रदर्शित कर सकते हैं।
Syntax:
window.alert()आप चाहे तो window कीवर्ड को छोड़ सकते हैं यह optional है।
उदाहरण:
<!DOCTYPE html>
<html>
<head>
<title>Writing into an Alert Dialog Box with JavaScript</title>
</head>
<body>
<center>
<h2>JavaScript alert output</h2>
<p>www.tutorialinhindi.com</p>
</center>
<script>
// Displaying a simple text alert message
alert("Hello World!");
// Displaying a value alert
window.alert(5 + 6);
// Displaying a variable value alert
var x = 2;
var y = 2;
var sum = x + y;
alert(sum);
</script>
</body>
</html>
Output:
#4. console.log()
console.log()इस property का उपयोग आप वेब browser console में output उपयोग कर सकते हैं। इसका उपयोग debugging purposes के लिए उपयोग किया जाता है।
यानी की इस से JavaScript output, HTML document में नहीं console में होता है।
Syntax:
console.log()उदाहरण:
<!DOCTYPE html> <html> <head> <title> JavaScript Output using innerHTML </title> </head> <body> <center> <p> Example of console.log() </p> <h2>JavaScript Display Output Using console.log()</h2> <p>www.tutorialinhindi.com</p> <p id="TiH"></p> <!-- Script to use console.log() --> <script> console.log(2+2); </script> </center> </body> </html>
Output:
हिंदी में JavaScript सीखें
अगर आप JavaScript को हिंदी में सीखना चाहते है, तो नीचे दिए गए हमारे बनाए गए FREE JavaScript course से अभी सीखना शुरू करें:
निष्कर्ष
अपने इस ट्यूटोरियल (JavaScript Output in Hindi) में, सिखा की जावास्क्रिप्ट कोड display में आउटपुट करने के लिए चार अलग-अलग तरीकों का उपयोग करके प्रदर्शित किया जा सकता है। जैसे की HTML elements को प्रदर्शन करने के लिए JavaScript innerHTML method का उपयोग किया जाता है।
Simple टेक्स्ट और testing उद्देश्य के लिए document.write() का उपयोग किया जाता है। इसी तरह Alert box प्रदर्शन करने के लिए window.alert() और debugging purposes के लिए console.log() का उपयोग किया जाता है।
मुझे उम्मीद है कि आप समझ गए होंगे कि जावास्क्रिप्ट कोड इन चार प्रकारों के माध्यम से कैसे आउटपुट किया जाता है।
अगर आपका इस विषय पर कोई प्रश्न है तो कॉमेंट के माध्यम से पूछें और Full course के लिए यहाँ “Complete JavaScript course in Hindi” पर जाएँ।
