1. يمكن استدعاء الكود الوظيفي عند حدث معين أو عند استدعاء الكود الوظيفي .
لدوال functions
الدوال Functions :
الدالة هي عبارة عن برنامج فرعي يتم تعريفه ليقوم بوظيفة معينة ويتم استدعاؤها داخل البرنامج من اجل تنفيذ التعليمات الموجودة بداخلها
يمكن استدعاء الكود الوظيفي عند حدث معين أو عند استدعاء الكود الوظيفي .
لتتجنب إظهار الأكواد في المتصفح عند تحميل الصفحة يمكن وضع الكود ضمن كود وظيفي .
يحتوي الكود الوظيفي الذي سيظهر في المتصفح من خلال حدث معين أو من خلال استدعاء للكود كما يمكنك استدعاء الكود من أي مكان في صفحة الويب أو من خلال صفحة أخرى حيث يكون الكود موجود في ملف جافاسكربت خاص امتداده
T.بدور الجنيدل

2. الفائدة من استخدام الدوال Functions
سهولة متابعة وإصلاح البرنامج .
المساعدة في فهم البرنامج.
عدم تكرار الجمل المراد إعادة تنفيذها
T.بدور الجنيدل

3. كيفية يمكن تعريف الكود الوظيفي
التركيبة(الصيغه العامه) يمكن استخدام الكود الوظيفي من خلال أولاً كتابة كلمة function ثم اسم الوظيفة ثم اذا أردنا ادراج متغيرات يجب وضعهم بين أقواس وأخيراً بين الأقواس المنحنية نضع الكود الذي نريد استخدامه .
T.بدور الجنيدل

4. يتم استدعاء الدالة عن طريق امسها مع مراعاة نوع وعدد الوسائط التي تستقبلها
مهم
T.بدور الجنيدل

5. مثال
T.بدور الجنيدل

6. 3. أيضاً يجب استدعاء اسم الكود الوظيفي بنفس كتابة ذلك الاسم عند إنشائه
ان الباراميترات var1 و var2 الخ هي متغيرات أو قيم تمر تمريرها الى الكود الوظيفي ويمكن استخدام } الأقواس المنحنية { لتحديد بدابة ونهاية الكود الوظيفي .
ملاحظة : عند عدم استخدام أي باراميتر يجب استخدام الأقواس () بعد اسم الكود الوظيفي .
2. لاتنسى أهمية تشكيل الأحرف عند كتابة واستدعاء اسم الكود الوظيفي في الجافاسكربت أي الأحرف الكبيرة والصغيرة أي أن كلمة function يجب أن تكون بأحرف صغيرة حصراً ولاسيحدث خطأ .
3. أيضاً يجب استدعاء اسم الكود الوظيفي بنفس كتابة ذلك الاسم عند إنشائه
T.بدور الجنيدل

7. مثال
T.بدور الجنيدل

8. مثال
T.بدور الجنيدل

9. عمر المتغيرات في الجافاسكربت JavaScript
ان قمت باستدعاء متغير باستخدام var ضمن الكود الوظيفي function فإن المتغير سيتم استخدامه فقط داخل الكود الوظيفي وسيتم اهماله خارج الكود الوظيفي . تسمى تلك المتغيرات بالمتغيرات المحلية .
ان قمت باستخدام متغير خارج الكود الوظيفي فإن جميع الأكواد يمكنها استخدامه كما يبدء عمر المتغير عند إنشائه وينتهي عند اغلاق الصفحة .
T.بدور الجنيدل

10. مثال
T.بدور الجنيدل

11. مثال :- برنامج يحتوي على دالة Functions تقوم بإيجاد حاصل ضرب عددين مدخلين من قبل المستخدم ؟
<script language ="JavaScript"> var x , y , z x =prompt("ادخل العدد الاول”) y =prompt("ادخل العدد الثاني “) document.write ("<br>"+ x +"العدد الاول”) document.write ( "<br>"+ y +"العدد الثاني”) //summation استدعاء داله z= summation(x,y) //يطبع النتيجه document.write( "<br>"+ z + " النتيجه هي :”) // انشاء الداله الجديده هي الضرب // function summation (a,b) { var sum =0 sum= a * b return sum; } </script>
T.بدور الجنيدل

12. ما ھي المصفوفات Arrays
قبل أن نذھب لتعريف ما ھي المصفوفات ؟! لوأننا نريد عمل التالي : نريد طباعة الرسائل التالية  "مرحبا بك" "نحن الأن نتعلم المصفوفات "الحمد الله" ف على حسب ما تعلمناه في فصل المتغيرات فسوف نقوم بتعريف ثلاث متغيرات حتي نحفظ فیھا الرسائل السابقة ، كما يلي
ثم نقوم بطباعه الرسائل كما يلي :؟
T.بدور الجنيدل

13. تخیل أنك تريد عمل المثال السابق ولكن لیس علي ثلاث متغيرات بل علي ١٠٠ متغير نصي أو قل عدد غیر محدد من المتغیرات ،
ربما يسبب لك ھذا إحساس بالضیق لكثرة الأكواد التي سوف تكتب لإتمام ھذه المھمة من ھنا أتت الحاجة لعمل نوع جديد من المتغيرات وھو ما يطلق علیه المصفوفات Arrays
ولكن ما ھي المصفوفات Arrays :
المصفوفات ھي من إحدى أنواع المتغيرات ولكن يمكنك أن تخزن بھذا المتغیر قیمة واحدة أو أكثر .
T.بدور الجنيدل

14. المصفوفات Arrays المصفوفات Arrays :
المصفوفات واحدة من الأشياء المهمة جدا في بناء تراكيب الجافا سكريبت
يمكن تصور تركيب المصفوفة علي أنها عمود واحد يحتوي علي عدة عناصر من البيانات
و علي أنها صف يحتوي علي عدة عناصر من البيانات ....
أو عدة أعمدة وعدة صفوف مثل الجدول في المصفوفة ذات البعدين ....
ويبدأ العد في المصفوفة بداية من صفر (الذي يمثل العنصر الأول في المصفوفة), ولبناء مصفوفة ينبغي أن يتم تعريفها أولا كمتغير وكمصفوفة..
الأول : تعريف المصفوفة الأحادية هي عبارة عن صف أو عمود يحتوي علي عدة عناصر من البيانات .
الثانيه : تعريف المصفوفة الثنائية هي عبارة عن عدة صفوف و عدة أعمدة
(أي جدول)
T.بدور الجنيدل

15. اولاً : المصفوفة الاحادية Arrays
T.بدور الجنيدل

16. T.بدور الجنيدل

17. <script language ="JavaScript"> var family = new Array (4);
مثال : اكتب كود JavaScript لتعريف مصفوفه Arrays باسم family
ثم قراءه 4 أسماء (father- mother- brother- sister)
ثم تخزينها في المصفوفة Array ثم طباعه قيم المصفوفة على صفحه الويب كلها
<html>
<head>
<script language ="JavaScript">
var family = new Array (4);
family [0] = "father";
family [1] = "mother";
family [2] = "brother";
family [3] = "sister";
document.write(family ) ;
</script>
</head>
<body>
</body></html>
ملاحظه
T.بدور الجنيدل

18. كتابه رقم المصفوفه مع المتغير
مثال : اكتب كود JavaScript لتعريف مصفوفه Arrays باسم family
ثم قراءه 4 أسماء (father- mother- brother- sister)
ثم تخزينها في المصفوفة Array ثم طباعه قيم المصفوفة على صفحه الويب
حسب طلب
<html>
<head>
<script language ="JavaScript">
var family = new Array (4);
family [0] = "father";
family [1] = "mother";
family [2] = "brother";
family [3] = "sister";
document.write(family [0] , family [2] ) ;
</script>
</head>
<body>
</body></html>
ملاحظه
اما في حاله طباعه عناصر مختاره على شكل سطر واحد
كتابه رقم المصفوفه مع المتغير
document.write(family [0] , family [2] ) ;
T.بدور الجنيدل

19. <script language ="JavaScript"> var family = new Array (4);
مثال : اكتب كود JavaScript لتعريف مصفوفه Arrays باسم family
ثم قراءه 4 أسماء (father- mother- brother- sister)
ثم تخزينها في المصفوفة Array ثم طباعه قيم المصفوفة على صفحه الويب
بحيث كل كتاب في سطر باستخدام for
<html>
<head>
<script language ="JavaScript">
var family = new Array (4);
family [0] = "father";
family [1] = "mother";
family [2] = "brother";
family [3] = "sister";
for(i=0;i<4;i++)
{ document.write(family[i]+"<br>") } ;
</script>
</head>
<body>
</body></html>
ملاحظه
اما في حاله طباعه عناصر بترتيب على شكل سطر واحد اوسطر
مستقل و يمكن طباعة عناصر المصفوفة أيضا بإستخدام الأسلوب for
document.write(family[i]+"<br>") ; او
document.write(family[i]) ;
T.بدور الجنيدل

20. قم بتعريف مصفوفتين ثم خصص مصفوفه لتكون عنصرا في الأخري :-
<html>
<head>
<script language ="JavaScript">
var girl = new Array ("سارا","منى","عبير”)
var boy= new Array ("صالح","محمد”,girl);
document.write(boy) ;
</script>
</head>
<body>
</body></html>
لاحظ أن عناصر المصفوفة العادية توضع بين علامتي التنصيص ,
أما عند وضع متغير أو مصفوفة كأحد عناصر مصفوفة أخري فلا يتم وضعها بين تلك العلامتين “”
T.بدور الجنيدل

21. خاصية طول المصفوفة LENGTH :-
تستخدم لمعرفة عدد عناصر المصفوفة **الصيغة العامة لها :-
arrayName.length
<html>
<head>
<script language ="JavaScript">
var name = new Array ("sara","omer","smah");
document.write(name.length) ;
</script>
</head>
<body>
</body></html>
T.بدور الجنيدل