التوابع
التابع هو مجموعة من الاوامر البرمجية تتضمن التصريح عن المتغيرات وعمليات المقارنة والجمل الشرطية والحلقات لانجاز عمل ما حسب الغاية التي بنينا التابع من اجلها .
الإنشاء والحصول على النتائج
يكون لكل تابع اسم حيث نقوم باستدعاء التابع من خلال اسمه , كما يوجد توابع مبنية مسبقا ضمن لغة الجافا سكربت وتسمى بالطرق methods .
يبدأ التابع بالكلمة المحجوزة function ثم فراغ ثم اسم التابع وهو اختياري يمكن ان نسميه كما يحلو لنا ويفضل ان يكون الاسم مساعدا على تذكر الغاية من التابع ثم بعد الاسم نضع قوسين حيث نضع بداخلهما الوسطاء اللذين نريد ان نمررهم للتابع ثم قوسين مجعدين نضع بداخلهما جميع اوامر التابع وفي نهاية الاوامر وقبل القوس المجعدة الاخيرة نكتب الكلمة المحجوزة return وبعدها فراغ ثم اسم التابع حيث ان هذه الكلمة تعيد نتيجة التابع للامر البرمجي الذي استدعى التابع ..
تعمل التوابع بالتوافق مع الاحداث .
مثال :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>First Function</title>
<script type="text/javascript">
function myFunction() {
alert("This is my first function");
}
</script>
</head>
<body>
<button onclick="myFunction();">Call The Function By Clicking Me</button>
</body>
</html>
بتنفيذ الكود السابق لن يتم تنفيذ التابع وهو خروج رسالة تنبيه للمستخدم ولكن عند الضغط على الزر سيتم تنفيذ حدث الضغط وبالتالي استدعاء التابع وظهور رسالة التنبيه للمستخدم .
مثال :
في هذا المثال سنطبق الحدث onclick على العنصر a وهو عنصر الوصلة .
<!DOCTYPE html>
<html dir="rtl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>OnClick Event Function</title>
<script type="text/javascript">
function clickMe() {
alert("Thanks again for your click")
}
</script>
</head>
<body onload="dayGreetings();">
<a href="#" onclick="clickMe();">Click Me</a>
</body>
</html>
عند الضغط على الوصلة يتم تنفيذ التابع ونحصل على الشكل التالي :
