خروجی در جاوااسکریپت (JS Output)

در این بخش، روش های مختلف نمایش داده ها در جاوااسکریپت (JavaScript) را بررسی می کنیم. شما می توانید متن یا اعداد را در صفحه، هشدار یا کنسول مرورگر نمایش دهید.

استفاده از innerHTML

با document.getElementById(id) به المان HTML دسترسی پیدا کنید و با innerHTML محتوای آن را تغییر دهید:

document.getElementById("demo").innerHTML = "<h2>Hello World</h2>";

نکته: innerHTML برای تغییر محتوای HTML مناسب است، در حالی که innerText تنها متن ساده را تغییر می دهد.

استفاده از innerText

برای تغییر تنها متن داخلی المان از innerText استفاده کنید:

document.getElementById("demo").innerText = "Hello World";

استفاده از document.write()

این روش برای تست مناسب است و محتوای HTML موجود را حذف می کند اگر بعد از بارگذاری صفحه استفاده شود:

document.write(5 + 6);

هشدار: document.write() فقط برای آزمایش توصیه می شود.

استفاده از alert()

با alert() می توانید داده ها را در یک جعبه هشدار نمایش دهید:

alert(5 + 6);

استفاده از console.log()

برای دیباگ، داده ها را با console.log() در کنسول مرورگر نمایش دهید:

console.log(5 + 6);

نکته: برای یادگیری دیباگ بیشتر به فصل های بعدی مراجعه کنید.

پرینت با جاوااسکریپت

جاوااسکریپت شیء یا متد چاپ ندارد، ولی با window.print() می توانید محتوای صفحه مرورگر را چاپ کنید:

window.print();

می توانید لینک به آموزش MDN درباره window.print() را مشاهده کنید.

برای مثال، استفاده از متغیر (Variable) با روش های نمایش مختلف، تجربه خوبی در نمایش داده ها می دهد.