الدوال او المهام function في جافاسكربت JavaScript الدرس |16|

الدالة function

تعريف الدالة : هي كتلة برمجية تنفذ مجموعه من المهام وفق ترتيب محدد، مثلاً "افقت في الصباح - ذهبت لغسيل وجهي - تناولت الفطور - ذهبت إلى عملي", هذا يسمى دالة لأننا مشينا خطوة خطوة بالترتيب دون تقديم أحدها على سابقاتها.

الشكل العام له

function name(){
   //الأوامر
}

سوف نشرح لكم عن onclick في حال ان احدهم ضغط على صورة او الزر الموجود في صفحة ما نريد منه ان يتم تشغيل الأوامر الموجودة في function.

اولاً نفتح ملف html و نضيف زر عن طريق الوسم button كالتالي

<button type="button">اضغط هنا للتشغيل</button>

ويكون شكل الزر في المتصفح كالتالي

كما لاحظنا اننا انشأنا الزر, لكن لا توجد به اوامر لتتنفذ عند النقر على الزر, سنربط الزر في function كالتالي يكون:

يكون في ملف html

و يكون في ملف الجافاسكربت



النتيجة في المتصفح عند النقر على الزر

كما لاحظنا عندما نقرنا على الزر نفذ لنا اوامر الجافاسكربت الموجودة في function.
هذا النوع هو من دون باراميتر, و باراميتر يعني مجموعة من المتغيرات تفصل بينها فاصله لاتينية.

لنأخذ مثال عندما يكون به باراميتر

يكون في ملف html

وفي ملف الجافاسكربت

و النتيجة في المتصفح عبر console تكون

شرح المثال السابق

انشأنا باراميترات في ملف الجافاسكربت, ووضعنا قيمها الارجيومنت في ملف html كما بالصورة كود الـ html وعرضنا البيانات عبر console بملف الجافاسكربت عبر الامر

console.log(name,year,age);

و من ثم عرضنا بيانات console في المتصفح كما رأيتم.