JavaScript نمایش نتایج
به چهار روش میتوان نتایج جاوااسکریپت را نمایش داد:
- به منظور نمایش خروجی داخل المان های html، استفاده از innerHTML
- به منظور استفاده از خروجی کدهای html، استفاده از ()document.write
- به منظور نمایش خروجی داخل کنسول اجرای برنامه، استفاده از ()console.log
- به منظور نمایش نتیجه به شکل پیغام، استفاده از ()window.alert
Inner.HTML
در جاوااسکریپت به منظور دسترسی به المان های html باید از (id)document.getElementById استفاده کنیم. در این دستور id به یک المان در html با id مشخص اشاره میکند.
در مثال زیر خروجی 6+5 در قالب پاراگراف نمایش داده میشود.
<html>
<body>
<p id=“demo”></p>
<script>
document.getElementById(“demo”).innerHTML = 5 + 6;
</script>
</body>
</html>
document.write()
در مثال زیر نتیجه 6+5 روی صفحه چاپ میشود. توجه داشته باشید که پس از فشردن دکمه و چاپ نتیجه 6+5 تمامی خروجی های html از جمله مقدار header و پاراگراف پاک خواهند شد.
<html>
<body>
<h2>My First header</h2>
<p>My first paragraph.</p>
<button type=“button” onclick=“document.write(5 + 6)”>Try it</button>
</body>
</html>
window.alert()
<html>
<body>
<h2>My First header</h2>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
console.log()
<html>
<body>
<h2>Activate Debugging</h2>
<p>F12 on your keyboard will activate debugging.</p>
<p>Then select “Console” in the debugger menu.</p>
<p>The result is shown</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
پرینت گرفتن از صفحه وب جاری
در جاوااسکریپت تنها یک متد وجود دارد که با استفاده از آن میتوان صفحه وب جاری را پرینت گرفت. ()window.print وظیفه چاپ صفحه وب را برعهده دارد.
<html>
<body>
<h2>The window.print() Method</h2>
<p>Click the button to print the current page.</p>
<button onclick=“window.print()”>Print this page</button>
</body>
</html>