जेसक्रिप्ट आउटपुट

JavaScript कोई आंतरिक मुद्रण या दिखाने की फ़ंक्शन नहीं मुहैया कराता है।

JavaScript दिखाने की योजना

JavaScript डाटा को विभिन्न तरीकों से "दिखाने" में सक्षम है:

  • का उपयोग करके window.alert() चेतावनी फ़ेबिक लिखा जाता है
  • का उपयोग करके document.write(); HTML आउटपुट में लिखा जाता है
  • का उपयोग करके innerHTML HTML एलीमेंट में लिखा जाता है
  • का उपयोग करके console.log(); ब्राउज़र कंट्रोल टेबल में लिखा जाता है

innerHTML का उपयोग करके

HTML एलीमेंट तक पहुंचने के लिए JavaScript का उपयोग कर सकता है document.getElementById(id) तरीका।

id विशेषता HTML एलीमेंट को परिभाषित करती है।. innerHTML विशेषता HTML सामग्री को परिभाषित करती है:

इन्स्टांस

<!DOCTYPE html>
<html>
<body>
<h1>मेरा पहला वेबपेज</h1>
<p>मेरा पहला पैराग्राफ</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

स्वयं प्रयास करें

सूचना:HTML एलीमेंट के innerHTML विशेषता को परिवर्तित करना HTML में डाटा दिखाने का सामान्य तरीका है।

document.write() का उपयोग करें

परीक्षण के उद्देश्य से document.write(); बहुत आसान:

इन्स्टांस

<!DOCTYPE html>
<html>
<body>
<h1>मेरा पहला वेबपेज</h1>
<p>मेरा पहला पैराग्राफ</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

स्वयं प्रयास करें

ध्यान:एचटीएमएल दस्तावेज़ पूरी तरह से लोड होने के बाद document.write(); इस्तेमाल करेंसभी मौजूदा एचटीएमएल हटाएं :

इन्स्टांस

<!DOCTYPE html>
<html>
<body>
<h1>मेरा पहला वेबपेज</h1>
<p>मेरा पहला पैराग्राफ</p>
<button onclick="document.write(5 + 6)">एक प्रयास करें</button>
</body>
</html>

स्वयं प्रयास करें

सूचना:document.write(); विधि केवल टेस्ट के लिए इस्तेमाल की जाती है।

window.alert() का उपयोग करके

आप अलर्ट बॉक्स का उपयोग करके डाटा दिखा सकते हैं:

इन्स्टांस

<!DOCTYPE html>
<html>
<body>
<h1>मेरा पहला वेबपेज</h1>
<p>मेरा पहला पैराग्राफ</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

स्वयं प्रयास करें

console.log() का उपयोग करके

ब्राउज़र में, आप इस्तेमाल कर सकते हैं console.log(); डाटा दिखाने के लिए विधियाँ

कृपया F12 का उपयोग करके ब्राउज़र कंट्रोल टेंशल निचोड़े को सक्रिय करें और मेन्यू में 'कंट्रोल टेंशल' को चुनें।

इन्स्टांस

<!DOCTYPE html>
<html>
<body>
<h1>मेरा पहला वेबपेज</h1>
<p>मेरा पहला पैराग्राफ</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

स्वयं प्रयास करें