شرح حدث onclick في أزرار HTML واستخدام click eventListener في JavaScript
Aldawsari مقدمة: كيف تتفاعل الأزرار مع المستخدم في صفحات الويب؟
عند تصفح أي موقع ويب، فأنت غالبًا تنقر على عنصر تفاعلي مثل رابط أو زر. الروابط تنقلك عادةً إلى قسم داخل الصفحة أو إلى صفحة أخرى، بينما تُستخدم الأزرار غالبًا لتنفيذ سلوك برمجي محدد عبر JavaScript، مثل تغيير لون نص، إرسال نموذج، أو إظهار محتوى مخفي.
في هذا الدليل العملي، سنتناول طريقتين شائعتين لتنفيذ حدث النقر على الأزرار:
- استخدام الخاصية
onclickمباشرة داخل عناصرHTML. - استخدام الدالة
addEventListener()عبر الحدثclickلفصلHTMLعنJavaScript.
الهدف هنا ليس فقط شرح الصياغة، بل فهم متى تستخدم كل أسلوب، وما مزايا كل واحد منهما في المشاريع الحقيقية.
