JavaScript: How to Open the JavaScript Console Log

-

بنتعلم في هذا الدرس كيف نتعامل مع JavaScript Console Log في مستعرض الويب web browser. وتعتبر Console Log واحدة من العديد من أدوات المطورين المتوفرة في متصفحات الويب. يمكنك استخدام Console Log لتصحيح أو اكتشاف أخطاء الكود JavaScript. في هذه الدرس نتعامل مع المتصفح Google Chrome.(تقريبا معظم المتصفحات يمكن الوصول الى Console Log بنفس الطريقة).

طريقة فتح Console Log في Google Chrome 
الطريقة بسيطة جدا انقر يمين في أي مكان في الشاشة وبعدها اختر الامر Inspect من القائمة. 
الصورة: 
بشكل افتراضي ، سيفتح المتصفح علامة التبويب " Elements" في أدوات المطور Developer Tools. انقر فوق علامة التبويب " Console " الموجودة على يمين " Elements".
يمكن في هذه الشاشة كتابة الأكواد ومشاهدة المخرجات .

اكتب الكود التالي في هذه الشاشة 
console.log("Hello")
النتيجة:

الشاشة مفيدة جدا للتعامل مع اكواد JavaScript واكتشاف الأخطاء.
مثال : 

أضف الكود التالي الى ملف JS 

var name="Layan Hatem"
document.getElementById("Result").innerHTML = name;

ثم ملف HTML 

<!DOCTYPE html>
<html>
   
<body>
<h3>JavaScript Variables const</h3>
<p id="Result"></p>
<script src="JS.js"></script>
</body>
</html> 
النتيجة: 
لاحظ ان رجعنا كتبنا الكود في Console مره ثانيه تحت وتم عرض نفس النتيجة.