JavaScript Output
JavaScript का उपयोग हम web pages पर कुछ दिखाने, user को message देने, या browser console में जानकारी print करने के लिए करते हैं। इसे “Output” कहते हैं। इस chapter में हम जानेंगे कि JavaScript में output देने के क्या-क्या तरीके होते हैं, और उनका उपयोग कहाँ और क्यों किया जाता है।
JavaScript Output के तरीके
JavaScript में output दिखाने के लिए पाँच मुख्य तरीके हैं:
1. innerHTML के माध्यम से (Web Page पर Content दिखाना)
यह सबसे सामान्य तरीका है HTML element के अंदर content बदलने या जोड़ने के लिए।
<!DOCTYPE html>
<html>
<body>
<h2>Output with innerHTML</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello from JavaScript!";
</script>
</body>
</html>
✅ Use Case: जब आप page के किसी हिस्से में कुछ content dynamically दिखाना चाहते हैं।
2. document.write() (Directly Page पर Write करना)
यह method पूरे page पर सीधे text या HTML content लिखने के लिए होती है।
<!DOCTYPE html>
<html>
<body>
<script>
document.write("Hello from document.write!");
</script>
</body>
</html>
⚠️ Warning:
- यह केवल testing के लिए use करें।
- यदि page load हो चुका है और आप
document.write()का इस्तेमाल करते हैं, तो यह पूरा page खाली कर देगा।
3. window.alert() (Alert Box के रूप में)
यह method pop-up alert box के रूप में message दिखाती है।
<script>
alert("Welcome to JavaScript Output Tutorial!");
</script>
✅ Use Case: User को किसी action पर चेतावनी या जानकारी देने के लिए।
4. console.log() (Console में Debugging के लिए)
यह browser के developer tools में console tab में message print करता है।
<script>
console.log("Hello Developer! This is a log message.");
</script>
✅ Use Case:
- Code testing और debugging के समय बहुत उपयोगी।
- User को नहीं दिखता, केवल developer के लिए।
5. window.confirm() और window.prompt() (Interactive Output)
➤ confirm() – User से Yes/No पूछने के लिए
let answer = confirm("Do you want to continue?");
console.log(answer); // true या false
➤ prompt() – User से input लेने के लिए
let name = prompt("What is your name?");
console.log("User name is: " + name);
✅ Use Case: User interaction के लिए (input लेने या confirmation के लिए)
Output Methods की तुलना
| Method | दिखता कहाँ है? | Use Case | Visibility |
|---|---|---|---|
innerHTML | Web Page पर | Dynamic content दिखाने के लिए | User-visible |
document.write() | Web Page पर | Testing purpose | User-visible |
alert() | Pop-up Alert Box | Simple message या warning | User-visible |
console.log() | Developer Console में | Debugging और Testing | Developer-only |
prompt() | Input Box | User से जानकारी लेने के लिए | User-visible |
confirm() | Yes/No Dialog Box | User से निर्णय लेने के लिए | User-visible |
अभ्यास प्रश्न
- JavaScript में output दिखाने के कितने तरीके होते हैं? उनके नाम लिखिए।
document.write()method को production website में क्यों avoid करना चाहिए?console.log()औरalert()में क्या अंतर है?- नीचे दिए गए code का output क्या होगा?
let user = prompt("Enter your name:");
alert("Welcome, " + user + "!");