50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

آموزش جاوا اسکریپت – چاپ خروجی در جاوا اسکریپت

آموزش جاوا اسکریپت

در این بخش از سری آموزش جاوا اسکریپت, نحوه چاپ خروجی در جاوا اسکریپت را یاد می گیرید.

شرایط خاص هستند که شما نیاز به چاپ خروجی از کد جاوا اسکریپت خود دارید.برای مثال, ممکن است که مقدار یک متغیر را بخواهید ببینید, یا یک پیام را در console مرورگر برای کمک به دیباگ کردن در کد خود و غیره.. استفاده کنید.

در جاوا اسکریپت چند راه مختلف برای ایجاد خروجی وجود دارد که شامل رایت خروجی در صفحه مرورگر کنسول, باکس ها, المان html و غیره وجود دارد که هر یک را در بخش زیر بررسی می کنیم.

 

چاپ خروجی در کنسول مرورگر

شما به راحتی می توانید پیام یا داده را با console.log() چاپ یا رایت کنید. این کار بسیار ساده ولی قدرتمند برای ایجاد خروجی با جزییات است.

نکته: برای دسترسی به کنسول مرورگر, اول کلید f12 روی کیبورد را بزنید تا developer tools باز شود و بعد تب console را باز کنید که مانند این اسکرین شات است

 

نمایش خروجی در باکس Alert

شما می توانید از باکس های alert برای نمایش پایم یا چاپ داده ها برای کاربر استفادع کنید.

یک باکس alert توسط متد alert() ایجاد می شود.

 

چاپ خروجی در صفحه مرورگر

می توانید از متد document.write() برای نمایش محتوا در سند فعلی فقط زمانی که داکیومنت تجزیه شده باشد(بعدا در باره DOM,BOM یاد می گیریم.),  استفاده کنید.

اگر از متد document.write() بعد از اینکه صفحه لود شده باشد استفاده کنید, تمام محتوای از قبل وجود داشته در سند بازنویسی می شود.

 

قرار دادن خروجی در المان HTML

شما همچنین می توانید برای چاپ خروجی در جاوا اسکریپت, مقدار را در المان html با innerHTML قرار بدید.

به هر حال, قبل از آن نیاز است که المان را با متدی مثل getElementById() انتخاب کنید.

 

امیدوارم در این بخش آموزش جاوا اسکریپت, از چاپ خروجی در جاوا اسکریپت نهایت استفاده را برده باشید.

در بخش بعدی با انواع داده ها جاوا اسکریپت آشنا می شوید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق باشید.

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی