جاوا اسکریپت آؤٹ پُٹ

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 پرزنسیپت بجائیج کا اک عادت ساری دکھائی دینا اے。

document.write() ਦੀ ਵਰਤੋਂ

ਟੈਸਟ ਦੇ ਉਦੇਸ਼ ਲਈ document.write(); ਸੁਵਿਧਾਜਨਕ ਤਰੀਕੇ ਵਿੱਚ:

ਇੰਸਟੈਂਸ

<!DOCTYPE html>
<html>
<body>
<h1>ਮੇਰਾ ਪਹਿਲਾ ਵੈੱਬਸਾਈਟ</h1>
<p>ਮੇਰਾ ਪਹਿਲਾ ਪੈਰਾਗ੍ਰਾਫ</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਧਿਆਨ:HTML ਦਾਖਲ ਪੂਰਾ ਹੋਣ ਤੋਂ ਬਾਅਦ ਵਰਤੋਂ ਕਰੋ document.write(); ਮੌਜੂਦਾਸਾਰਾ ਮੌਜੂਦਾ HTML ਹਟਾਓ :

ਇੰਸਟੈਂਸ

<!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>

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ