صفحة 281 - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 ربط البرنامج النصي بصفحة معجبي كرة القدم

المفاهيم الأساسية

ربط ملف جافا سكريبت خارجي: يُستخدم وسم ``

###### في قسمي `` أو ``

##### في ملف خارجي

###### باستخدام الخاصية `src` في وسم ``

####### النتيجة: ظهور نافذة تنبيه بالرسالة المحددة.

##### باستخدام `document.getElementById()`

###### الوظيفة: تحديد عنصر نصي محدد في HTML باستخدام المعرف (`id`) وتغيير محتواه.

###### بناء الجملة: `document.getElementById("معرف_العنصر").innerHTML = "النص الجديد";`

###### مثال تطبيقي:

####### الكود:

######## `

مرحباً

`

######## ``

####### النتيجة: تغيير النص داخل الوسم `

` من "مرحباً" إلى "صباح الخير".

#### إنشاء زر تفاعلي

##### إنشاء الزر في HTML

###### باستخدام وسم ``

##### ربط الزر بوظيفة (دالة)

###### باستخدام الحدث `onclick="اسم_الدالة()"`

##### إنشاء الدالة في JavaScript

###### بين وسوم ``

###### بناء الجملة: `function اسم_الدالة() { // التعليمات }`

##### مثال تطبيقي

###### الكود:

#### ملف جافا سكريبت خارجي

##### المفهوم

###### ملف منفصل بامتداد ".js"

###### يُستدعى في HTML باستخدام `src` في وسم `