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

JavaScript: أساسيات لغة JavaScript – التفاعل مع الصفحة – الأولى ثانوي – المنهاج الجزائري

JavaScript هي لغة برمجة تستخدم لجعل صفحات الويب تفاعلية. في هذا الدرس سنتعلم أساسيات JavaScript.

ما هي JavaScript؟

JavaScript هي لغة برمجة تعمل في المتصفح. تسمح بإضافة تفاعل لصفحات الويب: النقر على الأزرار، التحقق من النماذج، تغيير المحتوى ديناميكياً، إنشاء تأثيرات متحركة. JavaScript ليست نفس Java.

طرق إضافة JavaScript إلى HTML

• داخلياً (Inline): في وسم <script> في HTML.
• خارجياً (External): ربط ملف .js خارجي. الطريقة الأفضل.

المتغيرات في JavaScript

استخدام var و let و const لإنشاء متغيرات. let name = “Ahmed”; const pi = 3.14; let age = 15; let isStudent = true;

الدوال (Functions)

الدوال هي كتل تعليمات قابلة لإعادة الاستخدام. function sayHello() { alert(“مرحباً!”); }. الدوال يمكنها أخذ معاملات وإرجاع قيم.

التفاعل مع HTML

document.getElementById(): الحصول على عنصر HTML بمعرفه. document.querySelector(): الحصول على أول عنصر يطابق محدد CSS. innerHTML: تغيير محتوى عنصر. style.property: تغيير تنسيق عنصر. addEventListener(): إضافة حدث (نقرة، ضغطة مفتاح).

مثال عملي

<button id=”myBtn”>اضغط هنا</button>
<p id=”demo”>نص</p>
<script>
document.getElementById(“myBtn”).addEventListener(“click”, function() {
document.getElementById(“demo”).innerHTML = “مرحباً بكم في JavaScript!”;
});
</script>

تمارين

1. اكتب دالة تغير لون خلفية الصفحة عند النقر على زر.
2. أنشئ صفحة تعرض الوقت الحالي عند النقر على زر.
3. اكتب دالة تأخذ اسم المستخدم وتعرض رسالة ترحيب.