انتقل إلى محتوى الدرس
فقرة فرعية #5 من درس: JS Events

onclick Event

ستتعلم في هذا الدرس ال JavaScript Events وكيفة كتابتها واين تكتب ولماذا تستخدم مع لغة ال JavaScript

1 صفوف تعليمية
جافا سكريبت
5,399 مشاهدة

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

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

عندما تزور أحد مواقع الويب فمن المحتمل أن تنقر على شيء ما مثل رابط معين أو زر

  • تنقلك الروابط إلى جزء معين من الصفحة أو صفحة أخرى من موقع الويب أو موقع ويب آخر بالكامل 
  • عادةً ما يتم التعديل علي وظيفة الأزرار بواسطة events في لغة ال JavaScript حتى تتمكن من تشغيل دوال معينة عند الضغط علي هذه العناصر
  • ال event حدث onclick يقوم بتنفيذ دالة معينة عند النقر فوق الزر غالبا ما يحدث هذا عندما يرسل المستخدم نموذج بيانات او عندما تقوم بتغيير محتوى معين على صفحة الويب ، وأشياء أخري.



Syntax

HTML
<element onclick="functionToExecute()">Click</element>

Example

HTML
document.getElementById("demo").onclick = function() {myFunction()};

function myFunction() {
  document.getElementById("demo").innerHTML = "YOU CLICKED ME!";
}