# شرح مفصل لأمثلة JavaScript للأحداث في HTML

يُعتبر JavaScript جزءًا أساسيًا من تطوير الويب الحديث، ويُستخدم بشكل رئيسي لإضافة التفاعلية والديناميكية إلى صفحات الويب. واحدة من المزايا القوية في JavaScript هي قدرتها على التعامل مع الأحداث (Events) في HTML. الأحداث في HTML هي الإجراءات أو التفاعلات التي تحدث في المتصفح، مثل النقر على زر أو تمرير الماوس فوق عنصر معين.

في هذا المقال، سنلقي نظرة مفصلة على بعض الأمثلة لاستخدام JavaScript لمعالجة الأحداث في HTML.

## ما هي الأحداث في HTML؟

الأحداث في HTML هي إشارات تُرسل إلى المتصفح عندما يحدث شيء ما على الصفحة. هذه الأحداث يمكن أن تكون نتيجة لتفاعل المستخدم، مثل النقر على عنصر أو الكتابة في حقل نصي، أو يمكن أن تكون ناتجة عن تغييرات في الصفحة نفسها، مثل تحميل الوثيقة بالكامل.

## أمثلة على الأحداث في JavaScript

### 1. حدث النقر (Click Event)

أحد أكثر الأحداث شيوعًا هو حدث النقر، الذي يحدث عندما ينقر المستخدم على عنصر معين في الصفحة. يمكننا استخدام JavaScript للتعامل مع هذا النوع من الأحداث.

“`html

function handleClick() {
alert(‘تم النقر على الزر!’);
}

انقر هنا

“`

[شركة برمجة مصرية] في هذا المثال، يتم استدعاء الدالة `handleClick` عند النقر على الزر، مما يؤدي إلى عرض رسالة تنبيه.

### 2. حدث التحميل (Load Event)

يُستخدم حدث التحميل لتنفيذ كود JavaScript بمجرد تحميل الصفحة بالكامل.

“`html

window.onload = function() {
alert(‘تم تحميل الصفحة بالكامل!’);
};

مرحبًا بك في موقعي

“`

### 3. حدث تغيير (Change Event)

يُستخدم حدث التغيير مع عناصر [شركة برمجة مصرية] الإدخال مثل الحقول النصية والقوائم المنسدلة، ويحدث عندما يقوم المستخدم بتغيير القيمة.

“`html

function handleChange(event) {
alert(‘تم تغيير القيمة إلى: ‘ + event.target.value);
}

الخيار الأول
الخيار الثاني
الخيار الثالث

“`

### 4. حدث التمرير (Mouseover Event)

يحدث هذا الحدث عندما يمرر المستخدم مؤشر الفأرة فوق عنصر معين.

“`html

function handleMouseOver() {
alert(‘تم تمرير المؤشر فوق العنصر!’);
}

“`

## الخاتمة

تُعتبر الأحداث في JavaScript وسيلة قوية ومرنة للتفاعل مع المستخدمين وجعل صفحات الويب أكثر حيوية وتفاعلية. من خلال فهم ومعالجة الأحداث، يمكنك تحسين تجربة المستخدم بشكل كبير في موقعك الإلكتروني. باستخدام الأمثلة المذكورة أعلاه، يمكنك الآن البدء في استخدام JavaScript لمعالجة الأحداث في HTML بطرق متنوعة ومبتكرة.