أين تكتب JavaScript؟
مثل CSS، هناك طرق لإضافة JavaScript:
1) داخلي — في وسم <script>
<script>
console.log("مرحبًا!");
</script>
2) خارجي — ملف منفصل ✅ الأفضل
<script src="app.js"></script>
🔑 ضع
<script>قبل</body>أو استخدمdefer، حتى تُحمَّل بعد بناء الصفحة فلا تبطّئ ظهورها:
<script src="app.js" defer></script>
طرق الإخراج (Output)
console.log() — الأهم للمطوّر
يطبع في وحدة تحكّم المتصفح (F12 → Console). أداتك الأولى للفحص:
console.log("رسالة للمطوّر");
console.log("مجموع:", 5 + 3);
console.warn("تحذير");
console.error("خطأ");
alert() — نافذة منبثقة
alert("تنبيه للمستخدم!");
الكتابة في الصفحة عبر innerHTML
الطريقة الحديثة لتغيير محتوى عنصر:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "نص من JavaScript";
</script>
document.write() — تجنّبه
document.write("نص"); // ⚠️ قديم، يمسح الصفحة إن استُخدم بعد التحميل
الأخطاء الشائعة
- ❌ وضع
<script>في الـ<head>بلاdefer→ قد يفشل في إيجاد عناصر لم تُحمَّل بعد. - ❌ الاعتماد على
alertللفحص → استخدمconsole.logفهو لا يوقف الصفحة. - ❌ استخدام
document.writeبعد تحميل الصفحة → يمسح كل المحتوى.
خلاصة
أضف JavaScript عبر <script> (خارجي مع defer غالبًا). للإخراج: console.log للفحص (الأهم)، alert للتنبيهات، وinnerHTML لتغيير محتوى الصفحة.