الإعلام الآلي — تطوير الويب: JavaScript أساسيات — الثانية ثانوي — المنهاج الجزائري

تطوير الويب: أساسيات JavaScript

JavaScript هي لغة برمجة من جهة العميل (Client-side) تستخدم لجعل صفحات الويب تفاعلية. هذا الدرس للسنة الثانية ثانوي.

أولا: إدراج JavaScript في HTML

<script>
    // كتابة كود JavaScript هنا
    console.log("مرحبا بالعالم!");
    alert("مرحبا!");
</script>

ثانيا: المتغيرات والدوال

let name = "سارة";
const age = 16;
var grade = 15.5;

function calculateAverage(a, b, c) {
    return (a + b + c) / 3;
}

console.log(calculateAverage(14, 16, 18));

ثالثا: التعامل مع DOM (Page manipulation)

// تغيير محتوى عنصر
document.getElementById("demo").innerHTML = "نص جديد";

// إضافة حدث نقرة
document.getElementById("btn").addEventListener("click", function() {
    alert("تم النقر!");
});

// إنشاء عنصر جديد
let newP = document.createElement("p");
newP.textContent = "فقرة جديدة";
document.body.appendChild(newP);

تمارين

1. اكتب برنامج JavaScript يعرض الوقت الحالي عند النقر على زر.
2. أنشئ صفحة تحتوي على حقل إدخال وزر، عند الضغط على الزر يعرض مرحبا + الاسم.
3. ما الفرق بين let و var و const في JavaScript؟

للمزيد راجع أساسيات HTML و أساسيات CSS.