طباعة البيانات باستخدام دالة console.log في لغة JavaScript

جميع المتصفحات الحديثة تحتوي على أداة خاصة لمطوري تطبيقات الويب تُسمى console. هذه الأداة مُصممة لتمكين مطوري المواقع من اختبار النتائج البرمجية داخل المتصفح للتأكد من أن العمليات البرمجية تمت بالشكل المطلوب، أو لم تتم كما هو متوقع. لذلك، دالة console.log() مصممة خصيصًا لطباعة النتائج كاختبار أولي للعمليات البرمجية داخل أداة console.

دالة console.log() تُستخدم لطباعة أو عرض البيانات من أي نوع داخل المتصفح في console. تُعد دالة log الحل الأمثل لاختبار البيانات أو النتائج أثناء عملية تطوير التطبيقات باستخدام JavaScript.

خطوات الاستخدام:
داخل صفحة HTML، اضغط بزر الفأرة الأيمن واختر Inspect من القائمة.
ستظهر أداة console في المتصفح، حيث ستظهر البيانات التي قمت بإضافتها داخل دالة console.log().

خطوة رقم 1

خطوة رقم 2

View Results in Console

لا تنسَ أن تقوم بفتح console لكي تتمكن من مشاهدة النتيجة، حيث أن النتيجة لا تظهر داخل الصفحة، بل تظهر داخل المتصفح في أداة console.

HTML

console.log("This is the text written using JavaScript Output console.log().") ;

جرّب بنفسك

خطوات إظهار console.log:

Adding HTML Elements Using console.log

لا تدعم أداة console إضافة أو طباعة عناصر HTML لأنها تتعامل مع عناصر HTML على هيئة نصوص وتقوم بطباعة العلامات كما هي.

HTML

console.log("<h2> JavaScript Output   console.log() </h2>") ;

جرّب بنفسك

Numbers and Mathematical Operations Using console.log

يمكننا استخدام دالة console.log لكتابة أرقام وعمليات حسابية.

HTML

console.log(5+5) ;

جرّب بنفسك

Printing Data Using the console.log Function in JavaScript طباعة البيانات باستخدام دالة console.log في لغة JavaScript

شرح صفوف ومحتوى الفقرة

خطوة رقم 1

خطوة رقم 2

View Results in Console

Adding HTML Elements Using console.log

Numbers and Mathematical Operations Using console.log

جميع فقرات هذا الدرس (إخراج البيانات في جافا سكريبت)