انتقل إلى محتوى الدرس

Calling Functions onclick Attribute استدعاء الدالة بسمة onclick

اربط دوال JavaScript بتفاعلات المستخدم الحية عبر onclick وأحداث مرور الفأرة والكتابة الفورية oninput وجاهزية الصفحة onload تمهيداً لاحتراف شجرة DOM.
3 صفوف تعليمية
جافا سكريبت
5,684 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُعد سمة onclick="myFunc()" على عنصر الزر — أو إسناد مرجع الدالة برمجياً عبر btn.onclick = myFunc — أسرع مدخل عملي لرؤية دوالك تتفاعل مباشرةً مع المستخدم:

سمة الحدثلحظة إطلاق الإشارة في المتصفحالمهمة الشائعة للدالة المرتبطة
onclickنقر العنصر بالفأرة أو تفعيله بلوحة المفاتيححساب الفاتورة أو تبديل حالة عنصر
onmouseover / onmouseoutدخول مؤشر الفأرة لحدود العنصر أو مغادرتهاعرض تلميح توضيحي سريع أو إخفاؤه
oninput / onchangeالكتابة الفورية بالحقل أو اعتماد تغيير قيمتهحساب عدد الأحرف المتبقية أو تحديث السعر
onloadاكتمال تحميل الصفحة ومواردها المرتبطةتهيئة القيم الافتراضية للوحة التحكم
الصف 2 كود برمجي
JavaScript
function applyCoupon() {
  const finalPrice = 200 * 0.85;
  document.getElementById('ev-price').textContent = 'Discounted: ' + finalPrice + ' SAR';
}
الصف 3 ملاحظة هامة