الإعلام الآلي — جافا سكريبت: أساسيات البرمجة في المتصفح — الثانية ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري

جافا سكريبت: أساسيات البرمجة في المتصفح

JavaScript هي لغة برمجة تعمل في المتصفح وتستخدم لإضافة التفاعلية والديناميكية إلى صفحات الويب. يمكنها التعامل مع HTML و CSS والاستجابة لأحداث المستخدم.

إدراج JavaScript في HTML

داخلياً: <script> كود JavaScript </script>
خارجياً: <script src=”ملف.js”></script>

المتغيرات والأنواع

let name = “أحمد”; // نص (String)
let age = 17; // عدد صحيح (Number)
let pi = 3.14; // عدد عشري (Number)
let isActive = true; // منطقي (Boolean)
const MAX = 100; // ثابت (لا يتغير)

التعامل مع DOM

DOM (Document Object Model) يمثل هيكل صفحة HTML كشجرة من العناصر.
document.getElementById(“id”)
document.querySelector(“.class”)
element.innerHTML = “نص جديد”
element.style.color = “red”

مثال

<button onclick=”showMessage()”>اضغط هنا</button>
<p id=”demo”></p>
<script>
function showMessage() {
document.getElementById(“demo”).innerHTML = “مرحباً بك!”;
}
</script>

تمارين

1. اكتب دالة JavaScript تقوم بتبديل لون خلفية الصفحة عند النقر على زر.
2. أنشئ عداداً (counter) يزيد وينقص عند النقر على زري +/-.
3. اكتب برنامجاً للتحقق من صحة نموذج (الاسم لا يجب أن يكون فارغاً، البريد يجب أن يحتوي على @).
4. أنشئ ساعة رقمية حية تعرض الوقت الحالي وتتحدث كل ثانية.
5. اكتب دالة لإظهار وإخفاء عنصر عند النقر على زر.

للاستزادة، راجع درس HTML: أساسيات إنشاء صفحات الويب ودرس HTML: إنشاء الجداول والنماذج.

📍 دروس مشابهة:

• العلوم الفيزيائية — الجاذبية: قانون الجذب العام لكبلر ونيوتن — الثالثة ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري
• التربية المدنية – وسائل الإعلام والتواصل الاجتماعي – السنة الرابعة إبتدائي – المنهاج الجزائري
• العلوم الفيزيائية — تمارين تطبيقية في الميكانيكا رقم 4 — الثانية ثانوي (شعب علمية) — بكالوريا — المنهاج الجزائري