منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


دورة احتراف الجافا سكريبت Javascript
 

  دورة احتراف الجافا سكريبت Javascript

اذهب الى الأسفل 
كاتب الموضوعرسالة
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:51 pm

السلام عليكم ورحمة الله وبركاته

احببت نقل مواضيع عن مايختص عن الجافا سكريبت Javascript وكيفكة التعامل مع البرنامج

لا اطليل عليكم احبتي فلنبدأ بمقدمة الجافا سكريبت Javascript

الجافا سكربت – مقدمة

تعتبر الجافا سكريبت Javascript من أشهر للغات البرمجة في عالم الإنترنت، حيث تَعمل في جميع المتصفحات المشهورة مثل فيرفوكس، والإنترنت إكسبلور والأوبرا والكروم وسافاري وغيرها من المتصفحات. للغة الجافا سكريبت للغة سهلة التعلم تحتوي على دوال وأوامر سهلة وبسيطة كما أن هذه اللغة لا تستطيع العمل بصوة مستقلة وإنما تم تصميمها لتعمل بسهولة مع عناصر أخرى كالمتصفحات والتواصل مع الخوادم المستضيفة للموقع.
قبل الشروع في تعلم للغة الجافا سكريبت يجب أن تعلم بأن للغة الجافا سكريبت تختلف كل الإختلاف عن للغة الجافا من حيث المفهوم والإستخدام وطريقة كتابة وعمل الشفرات. تعتبر للغة الجافا ( المطورة بواسطة Sun Microsystems) من اللغات القوية والمعقدة في برمجتها حيث تعتبر من الصنف الذي تنتمي إليه للغة C++ و C# وغيرها من اللغات البرمجية القوية.


إذاً ما هي للغة الجافا سكريبت؟


  • تُستخدم الجافا سكريبت لإنشاء صفحات HTML اكثر حركة وجاذبية.
  • تُعتبر الجافا سكريبت من للغات البرمجة المستخدمة في برمجة مواقع الويب.
  • لغة الجافا سكريبت للغة بسيطة خفيفة الوزن لا تعتمد على أنظمة التشغيل.
  • للغة الجافا سكريبت هي للغة نصوص وأوامر فقط. بمعنى آخر، شفرات الجافا سكريبت تعمل بدون الحاجة إلى إنشاء عملية تجميع أوليه (Preliminary compilation)
  • تستطيع البرمجة بلغة الجافا سكريبت دون الحاجة إلى شراء رخصة





ما الذي أحتاجه قبل الشروع في تعلم الجافا سكريبت?

قبل الإبحار في عالم الجافا سكريبت يجب عليك أن تمتلك أساسيات:
– HTML / XHTML
إذا كنت تريد تعلم هذه المواضيع ، ما عليك سوى اختيار HTML5 والإستمتاع بالتعلم السهل والبسيط.



تعرف على للغة الجافا سكربت أكثر

يجب أن تكتب شفرات للغة الجافا سكريبت بداخل صفحة HTML أو جعل صفحة الـ HTML تشير إلى شفرات الجافا سكريبت. هذا يعني تحويل صفحة HTML الجامدة إلى صفحة تفاعلية مع المستخدم والمتصفح وكذلك التعامل مع محتوى الصفحة بصورة ديناميكية. بمعنى آخر، يمكن استخدام الجافا سكريبت لتأكد من أن المستخدم قام بإدخال إيميله بصورة صحيحة أو عرض رسالة ترحيبية للمستخدم وغيرها من الأوامر التي تستطيع الجافا سكريبت التعامل معها.
قبل الشروع في تعلم طريقة كتابة شفرات الجافا سكريبت، ينبغي التعرف على مميزات هذه اللغة وكذلك التعرف على نقاط ضعفها.


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


  • تقليل الضغط على الخادم: تستطيع استخدام الجافا سكريبت في التأكد من صحة البيانات التي قام المستخدم بإدخالها قبل إرسالها إلى الخادم. هذا يعني تقليل الحمل على الخادم بصورة كبيرة.
  • الرد الفوري على المستخدم: لا يحتاج من المستخدم تكبد عناء الإنتظار طويلاً حتى يتم تحميل صفحة الويب وذلك لأن الجافا سكريبت تستطيع القيام بمهام كثيرة دون الحاجة إلى إرسال صفحة الويب إلى الخادم. عملية إرسال البيانات إلى الخادم يستهلك وقت المستخدم كما يستهلك إمكانات الخادم.
  • الأناقة وجمال موقع الويب: باستخدام الجافا سكريبت تستطيع جعل صفحة الويب أكثر جمالا وتفاعلاً مع المستخدم بحيث تعطيه متعة وسهولة في الإستخدام.
  • نقاط ضعف الجافا سكربت
  • لا تستطيع دوال جافا سكريبت التعامل مع ملفات المستخدم من حيث القراءة والكتابة وذلك لأسباب تتعلق بالحماية.
  • لا تمتلك الجافا سكريبت القدرة على القيام بالعمليات المتعددة أو multithreading.




ما هي الأدوات المستخدمة في كتابة شفرات الجافا سكريبت؟

لا يتطلب كتابة شفرات الجافا سكريبت أي برامج خاصة وإنما تستطيع كتابة شفراتها بمحرر مايكروسوفت notepad. نصيحة معلم الويب أن تستخدم محرر النصوص المجاني notepad++ لأنه سيساعدك في كتابة الشفرات بكل سهولة وسرعة. كما يمكن استخدام البرنامج الشهير والمستخدم في تصميم مواقع الويب وهو Adobe Dreamweaver.
في الدرس القادم سنتعلم طريقة كتابة شفرات الجافا سكريبت مع الكثير من الأمثلة العملية التي ستساعدك في تعلم هذه اللغة بسهولة ويسر.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:51 pm

الجافا سكريبت – طريقة كتابة الشفرات

يستخدم الوسم لكتابة شفرات الجافا سكربت بداخل صفحات HTML. يمكن كتابة شفرات الجافا سكريبت في أي مكان على صفحة الويب، ولكن غالبا ما يتم كتابتها بداخل الوسم . الهدف من كتابة شفرات الجافا سكريبت بداخل الوسم هو الطلب من المتصفح تشغيل برنامجه الذي يعالج شفرات الجافا سكريبت والمحصورة بين الوسمين .

المثال التالي يوضح طريقة كتابة شفرات الجافا سكريبت بداخل صفحة HTML

الكود:
<html>
<body>
 
<h1>صفحة جديدة</h1>
 
<script>
<!--
//عرض النص على صفحة الويب
document.write(“أهلا بك في للغة الجافا سكريبت”);
//-->
</script>
 
</body>
</html>


ملاحظة

حاول تجنب استخدام document.write في المشاريع العملية. سنستخدم document.write ليسهل على معلم الويب عملية شرح الدروس.



نلاحظ من المثال السابق:
•تستطيع عند كتابة شفرات الجافا سكريبت استخدام الفراغات والأسطر الفارغة بكل حرية. حيث يتم تجاهل تلك الفراغات والأسطر الفارغة من قبل المتصفح. هذه العملية جدا مهمة عند كتابة الشفرات، حيث تستطيع تنسيق شفرات الجافا سكريبت بحيث تصبح منسقة بصورة يسهل قرائتها.
•تلاحظ في المثال السابقة كتابة الفاصلة (;) عند نهاية كل جملة من جمل الجافا سكريبت. يعتبر استخدام الفاصلة في للغة الجافا سكريبت ليس بتلك الأهمية عند كتابتها في للغات برمجية أخرى مثل C++ و  C# وغيرها.
•غالبا ما يتم كتابة بعض الملاحظات على الشفرات والتي تُستخدم لجعل الشفرات أكثر مقروءة كما تُستخدم في بعض الأحيان لشرح العمل الذي تنفذه شفرات معينة. توجد عدة طرق لكتابة الملاحظات على شفرات للغة الجافا سكريبت. الدروس القادمة ستتطرق إلى هذا الجانب بإذن الله تعالى.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:52 pm

الجافا سكريبت – تعطيل عمل السكريبت

في بعض الأحيان يتم تعطيل عمل شفرات الجافا سكريبت من خلال المتصفح بحيث يقوم المتصفح بتجاهل شفرات الجافا سكريبت وإعتبارها شفرات HTML. هذه العملية تؤدي إلى عرض شفرات الجافا سكريبت للمستخدم عن طريق المتصفح بصورة بشعة تؤدي إلى هروب المتصفح من الموقع مباشرة. هذا الدرس يناقش أهم الأمور التي يجب أن تعيها كمبرمج جافا سكريبت حتى تستطيع التعامل مع المتصفحات التي لا تترجم شفرات الجافا سكريبت.

طريقة أيقاف وتشغيل عمل الجافا سكريبت عن طريق أشهر المتصفحات

المتصفح فايرفوكس

طريقة تعطيل أو تفعيل الجافا سكريبت هي الضغط على Option كما توضحه الصورة بالأسفل.
 دورة احتراف الجافا سكريبت Javascript	 Firefo10
https://i.servimg.com/u/f21/16/46/77/76/firefo10.jpg


المتصفح كروم

لتعطيل أو تفعيل الجافا سكريبت على المتصفح كروم قم بالضغط على Settings بعدها قم بالضغط على General

الصورة التالية توضح طريقة تفعيل أو تعطيل الجافا سكريبت
 دورة احتراف الجافا سكريبت Javascript	 Firefo11
https://i.servimg.com/u/f21/16/46/77/76/firefo11.jpg


المتصفح انترنت اكسبلور

لا أستطيع فتح هذا المتصفح لأني لا أطيقه. وأنت كمصمم ويب ستشعر بهذا الشعور قريبا.

المتصفحات التي لا تدعم الجافا سكريبت ستعرض شفرات الجافا سكريبت كمحتوى لصفحة HTML. لتجنب حدوث هذا، نقوم بإضافة وسوم الملاحظات الخاصة بـ HTML لإخفاء شفرات الجافا سكريبت من الضهور على صفحة المتصفح.

مثال توضيحي يوضح طريقة استخدام العلامتين بحيث يتم اعتبار شفرات الجافا سكريبت عبارة عن ملاحظات HTML في حال كانت للغة الجافا سكريبت لا تعلم على المتصفح.


الكود:
<html>
<body>
 
<script>
<!--
  document.write("الابداع العربي يرحب بك")
//-->
</script>
 
</body>
</html>

كما يمكن كتابة رسالة للمُتَصفح تُخبِرهُ بأن الجافا سكريبت تم تعطيلها.

مثال يوضح هذه الطريقة
الكود:

<html>
<body>
 
<script>
<!--
  document.write("الابداع العربي يرحب بك")
//-->
</script>
 
<noscript>
 عذرا ... المتصفح الذي تستخدمه لا يدعم الجافا سكريبت
</noscript>
</body>
</html>

انتهى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:53 pm

الجافا سكريبت – المتغيرات

تعتبر المتغيرات مهمة جدا في أي للغة برمجية حيث تقوم بالتعامل مع البيانات المختلفة. تحتوي للغة الجافا سكريبت على ثلاثة أنواع أولية من المتغيرات:
•الأرقام: مثال: 123، 23.5
•النصوص: مثال: “معلم الويب”
•المنطقية: true, false

كما تحتوي للغة الجافا سكريبت على متغيرات مركبة أو ما تعرف بالكائن (Object).

ماذا نعني بالمتغيرات؟

المتغيرات عبارة عن حاويات تُستخدم لتخزين البيانات المختلفة. كما يتم استخدام ما يعرف بـ Data Type وهو المصطلح العلمي الذي يطلق على أنواع المتغيرات مثل المتغير String الذي يستخدم في تخزين النصوص والمتغير Boolean الذي يستخدم في تخزين البيانات المنطقية وغيرها من الأنواع.

هل تتذكر عمليات الجبر الحسابية التي تعلمتها في المدرسة؟ هل تتذكر هذه العملية الحسابية لإيجاد متغير ع ؟

س = 4

ص = 6

ع = س + ص

هل تذكر أن المتغير س يستطيع حمل قيمة معينة ( مثلا 4)، ونستطيع استخدام تلك المعلومات لحساب المتغير ع الذي يساوي في هذا المثال 10.

هذه الحروف (س ، ص ، ع) تُعرف بالمتغيرات.

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

مثل عمليات الجبر الحسابية، تَستخدم الجافا سكريبت المتغيرات لتخزين البيانات. يمكن للمتغير أن يُعطى إسم بسيط مثل x كما يمكن أن يعطى إسم أكثر وضوحا مثل firstName.

قواعد كتابة أسماء المتغيرات:
•أسماء المتغيرات حساسة لحالة الحروف ( فالمتغيرين e و E يعتبران أسمين مختلفين ).
•يجب أن تبدأ أسماء المتغيرات بحرف أو الخط السفلي “_“. بمعنى آخر، لا يُمكن للمتغير أن يبدأ اسمه برقم.





ملاحظة

لان لغة الجافا سكريبت للغة حساسة لحالة الحروف، فالمتغيرات كذلك حساسة لحالة الحروف.



إنشاء المتغيرات

عملية إنشاء المتغيرات في لغة الجافا سكريبت تعرف بـ Declaration. عند إنشاء متغير في للغة الجافا سكريبت تحتاج الى إستخدام الكلمة الدليلية var


الكود:
var x;
var firstName

بعد عملية إنشاء المتغيرات كما في الشفرات السابقة، تكون المتغيرات فارغة ( أي لا توجد قيمة مخزنة بداخلها). ولكن يمكن أن تُعطى المتغيرات قيم عند إنشائها.
الكود:
var x  = 23;
var firstName = “Jory alarpy”;
عند تشغيل الشفرات السابقة على المتصفح ، المتغير x سيحمل القيمة 23 والمتغير firsName سيحمل القيمة Jory alarpy.


ملاحظة

في الشفرات السابقة تلاحظ أن المتغير الذي يحمل قيمة نص (text) يجب ان توضع القيمة بين علامتي الإقتباس “.


ملاحظة

إذا قمت بإعادة إنشاء المتغير بعد أن قمت بإنشاءه سابقا وإعطائه قيمة معينة فإنه لن يخسر قيمته السابقة. بمعنى آخر، إذا قمنا بإعادة إنشاء المتغير firstName مرة أخرى، سيبقى المتغير محتفظ بقيمته السابقة.

مثال توضيحي
الكود:
var FirstName = "Jory alarpy";
var FirstName;
alert(firstName);

قيمة المتغير FirstName هي Jory alarpy.

المتغيرات المحلية local Variables

يتم إنشاء المتغيرات بداخل الدالة وذلك ليتم الوصول الى المتغير فقط من داخل الدالة فقط، ولا يمكن الوصول الى المتغيرات من خارجها، وهذا ما يعرف بالمتغيرات المحلية.

يمكن ان يوجد عدة متغيرات محلية بنفس الإسم ولكن في دوال مختلفة، وذلك لان المتغير المحلي يمكن الوصول إليه فقط في نفس الدالة التي تم إنشائها فيها. المتغيرات المحلية يتم تدميرها بعد الإنتهاء من عمل الدالة.

ستتعلم الكثير عن الدوال في الدروس القادمة بإذن الله تعالى.

المتغيرات العالمية Global Variables

المتغيرات التي تم إنشائها خارج الدوال تُعرف بالمتغيرات العالمية ، وذلك لانه يمكن الوصول إليها من أي مكان في صفحة الويب. يتم تدمير المتغيرات العالمية عند إغلاق صفحة الويب.

عند إنشاء متغير بدون إستخدام الكلمة الدليلية var، فإن المتغير يصبح متغير عالميا.

إعطاء قيمة لمتغير لم يتم إنشائه بعد

إذا قمت بإعطاء قيمة لمتغير لم يتم إنشائه بعد، فإن المتغير يتم إنشائه آليا ويُصبح متغيرا عالميا.

في هذه الشفرة:
الكود:
x  = 23;
firstName = “Jory alarpy”;

في هذه الشفرة ( أعلى ) يتم إنشاء المتغير x و المتغير firstName كمتغيرات عالمية ( بشرط ان المتغيرين لم يتم إنشائهما مسبقا.)

العمليات الحسابية

تستطيع إستخدام الأدوات الحسابية مع المتغيرات:

الكود:
X = y + 5;
 
Z = 5 + x + y;

سنتعلم المزيد عن إستخدام الادوات الحسابية بإذن الله تعالى.

انتهى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:53 pm

الجافا سكريبت – الملاحظات

غالبا ما يتم كتابة بعض الملاحظات على الشفرات والتي تُستخدم لجعل الشفرات أكثر مقروءة كما تُستخدم في بعض الأحيان لشرح العمل الذي تنفذه شفرات معينة.

يمكن كتابة الملاحظات بللغة الجافا سكريبت بطريقتين:
•الملاحظة في سطر واحد فقط ­­: وتبدأ الملاحظة بـ // .

المثال التالي يوضح استخدام هذا النوع من الملاحظات:

الكود:
<script type="text/javascript">
 
//العنوان الأول
 
document.write("<h1>العنوان الأول</h1>");
 
//العنوان الثاني
document.write("<h2>العنوان الثاني</h2>");
 
// العنوان الثالث
document.write("<h3>العنوان الثالث</h3>");
</script>

•الملاحظات متعددة السطور : يبدأ هذا النوع من الملاحظات بـ /* وينتهي بـ /*.

الكود:
<script type="text/javascript">
 
/*
 
هذا المثال يوضح طريقة كتابة
 
ملاحظات في أكثر من سطر...
 
*/
document.write(“<h1>العنوان الأول</h1>”);
document.write(“<h2>العنوان الثاني</h2>”);
document.write(“<h3>العنوان الثالث</h3>”);
</script>

استخدام الملاحظات لمنع تشغيل الشفرات

في المثال التالي قمنا بتحويل الجملة الأولى من جُمَلِ الجافا سكريبت والتي تقوم بطباعة العنوان الأول إلى ملاحظة وذلك يمنع المتصفح من ترجمة الجملة.

الكود:
<script type="text/javascript">
http://document.write(“<h1>العنوان الأول</h1>”);
document.write(“<h2>العنوان الثاني</h2>”);
document.write(“<h3>العنوان الثالث</h3>”);
</script>

أما في المثال التالي فقمنا بتحويل جميع الجمل إلى ملاحظات بحيث لن يتم تفعيلها وتشغيلها من قبل المتصفح.

الكود:
<script type="text/javascript">
 
/*
 
document.write(“<h1>العنوان الأول</h1>”);
document.write(“<h2>العنوان الثاني</h2>”);
document.write(“<h3>العنوان الثالث</h3>”);
 
*/
</script>

استخدام الملاحظات في نهاية الجملة

المثال التالي يوضح إحدى الطرق التي يمكن للمبرمج إستخدامها في إضافة ملاحظات على شفراته :

الكود:
<script type="text/javascript">
document.write("أهلا بك في منتدى"); // طباعة : أهلا بك في منتدى
document.write("<h1>الابداع العربي</h1>"); // طباعة : الابداع العربي
</script>

انتهى ,,
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:53 pm

الجافا سكريبت – الأدوات الحسابية





في هذا الدرس سنتعلم سويا على طريقة استخدام الأداتين:
•الأداة = تُستخدم لإعطاء قيمة للمتغير.
•الأداة + تُستخدم لإضافة قيمة لقيمة المتغير.

الكود:
x = 5;
 
y = 3;
 
z = x +y;

قيمة المتغير z بعد عمل الشفرات يساوي 8.



الأدوات الحسابية في للغة الجافا سكريبت

تستخدم الأدوات الحسابية في للغة الجافا سكريبت لأداء العمليات الحاسبية بين المتغيرات.

الجدول التالي يوضح أنواع العمليات الحسابية وامثلة عليها:

 دورة احتراف الجافا سكريبت Javascript	 Uo_ouo15
https://i.servimg.com/u/f21/16/46/77/76/uo_ouo15.jpg
 دورة احتراف الجافا سكريبت Javascript	 Uo_ouo16
https://i.servimg.com/u/f21/16/46/77/76/uo_ouo16.jpg

الأداة + المستخدمة مع النصوص

تستخدم هذه الأداة للجمع بين نصين أو أكثر. للجمع بين نصين أو أكثر، نستخدم الأداة + كما في المثال التالي

الكود:
Str1 = “موقعي المفضل”;
 
Str2 = “www.ibda3araby.com”;
 
Str3 = Str1 + Str2;

بعد تشغيل الشفرات السابقة تصبح قيمة المتغير Str3 هي “موقعي المفضل www.ibda3araby.com “.

للفصل بين النصين بنقطتين رأسيتين، نستخدم الشفرات التالية:

الكود:


Str1 = “موقعي المفضل:”;
 
Str2 = “www.ibda3araby.com”;
 
Str3 = Str1 + Str2;
 

أو نستخدم الشفرات التالية:

الكود:
Str1 = “موقعي المفضل”;
 
Str2 = “www.ibda3araby.com”;
 
Str3 = Str1 +”:”+ Str2;

بعد تشغيل إحدى الشفرتين تصبح قيمة المتغير Str3 تساوي “موقعي المفضل:www.ibda3araby.com“

الجمع بين الأرقام والنصوص

القاعدة

عملية الجمع بين رقم ونص ينتج قيمة بصورة نص!

المثال التالي يشرح معنى هذه القاعدة:
الكود:


x=2+2;
document.write(x);//قمية المتغير  x هي  4
 
 
x="2"+"2";
document.write(x); //قمية المتغير  x هي  22
 
 
x=2+"2";
document.write(x); //قمية المتغير  x هي  22
 

x="2"+2;
document.write(x); //قمية المتغير  x هي  22
 
 

انتهى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:54 pm

الجافا سكريبت – أدوات المقارنة والأدوات المنطقية

أدوات المقارنة والأدوات المنطقية غالبا ما تستخدم في حلقات التكرار والجمل الشرطية للتحقق من القيمتين true و false.

أدوات المقارنة

تستخدم مشغلات المقارنات في الجمل الشرطية و حلقات التكرار حيث تُستخدم في المقارنة بين قيمتين. الجدول التالي يوضح انواع مشغلات المقارنة وأمثلة عليها والنتيجة المرجعة من كل مثال حيث تدل القيمة المرجعة Ture ان الشرط صحيح، والقيمة المرجعة False تدل ان الشرط غير صحيح.
نفترض المتغير x = 3 :

 دورة احتراف الجافا سكريبت Javascript	 2yv41s5

https://2img.net/h/oi58.tinypic.com/2yv41s5.jpg


كيف أستخدمها ؟

المقارنات تُستخدم في الجمل الشرطية لتميز الفرق بين قيم المتغيرات :

الكود:
if (age<18) document.write("ما زلت صغير السن”);

سنتعلم استخدام الجمل الشرطية في الدرس القادم بإذن الله تعالى.

الأدوات المنطقية

الأدوات المنطقية تُستخدم في الجمل الشرطية ,وحلقات التكرار، حيث تستخدم في الجمع بين أكثر من شرط. الجدول التالي يوضح انواعها وأمثلة على كل نوع.

 دورة احتراف الجافا سكريبت Javascript	 K94xh

https://2img.net/h/oi59.tinypic.com/k94xh.jpg


أدوات المقارنة

يمكن استخدام بعض أدوات المقارنة في للغة الجافا سكريبت لإعطاء المتغير قيمة معينة وفقا لشروط معينة.
الشفرة


الكود:
varName=(condition)?value1:value2 ;


المثال


الكود:
visitor = (you ==”Arabic”)?”أهلا بك “:”hello”;


في هذا المثال تكون قيمة المتغير visitor تساوي “أهلا بك” في حالة كان المتغير you يساوي “Arabic”، أما إن كانت قيمة you غير “Arabic” فإن قيمة visitor تصبح “hello“.

انتهى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:54 pm

الجافا سكريبت – الجمل الشرطية

تُستخدم الجمل الشرطية عندما تريد تنفيذ أوامر معينة على حسب تحقق شروط معينة. لا تجزع فالأمر في غاية البساطة. مع الأمثلة ستتضح الصورة أكثر.

الجمل الشرطية

توجد عدة أنواع لكتابة الجملة الشرطية:

  • الجملة IF – تُستخدم هذه الجملة عندما تريد أن تُنفذ شفرات معينة عندما تكون جميع الشروط صحيحة.
  • الجملة if …else – تستخدم هذه الجملة عندما تريد تنفيذ شفرات معينة عندما تكون جميع الشروط صحيحة ، وشفرات أخرى عندما تكون الشروط غير صحيحة.
  • الجملة if…else if…else – تستخدم هذه الجملة عندما تريد ان تنفذ بناء معين (block) من ضمن مجموعة من الأبنية الكثيره. هذه الطريقة في كتابة الجملة الشرطية تستخدم عندما تكون لديك أكثر من شرط بحيث يتم تنفيذ أوامر مختلفة تعتمد على تحقق شرطها الخاص.
  • الجملة switch – تستخدم هذه الجملة عندما يكون لديك الكثير من الشروط ولكل شرط أوامره الخاصة بحيث تقوم هذه الجملة بالبحث بداخل تلك الجمل وأول شرط يتحقق يتم تنفيذ الأوامر التابعة له.

الجمل الشرطية مهمة جدا يكاد لا يوجد برنامج إلا ويحتوي على شفرات الجمل الشرطية. حياة الإنسان كلها تقوم على المنطق وإجراء تحقق من جمل شرطية بحيث تكون ردة فعل الإنسان مستندة على تحقق جمل شرطية في دماغة.
في الأسطر القادمة سنفصل كل جملة على حدة مع أمثلة توضيحية.
الجملة if
تٌستخدم هذه الجملة عندما تريد ان تنفذ شفرات معينة عندما تكون جميع الشروط صحيحة.

الكود:
if (condition)
  {
  code to be executed if condition is true
 }

للغة الجافا سكريبت لغة حساسة لحالة الحروف، فمثلا إذا كتب if بحروف كبيرة(IF) سيتولد خطأ.

مثال

الكود:
<script type="text/javascript">
 
<!--
 
var age = 20;
 
if( age > 18 ){
 
  document.write("<b>عمرك أكبر من 18 سنة</b>");
 
}
 
//-->
 
</script>

في المثال السابق لا توجد else ، حيث يتم تنفيذ الجملة المحصورة بداخل بناء الجملة الشرطية فقط في حال كان الشرط صحيحا.

الجملة if…else

تستخدم هذه الجملة عندما تريد تنفيذ شفرات معينة عندما تكون جميع الشروط صحيحة ، وشفرات أخرى عندما تكون الشروط غير صحيحة.

الشفرة

الكود:
if (condition)
  {
  إذا كانت الجملة الشرطية
 صحيحة يتم تفعيل هذه الشفرات
  }
else
  {
  إذا كانت الجملة الشرطية
غير صحيحة يتم تفعيل هذه
الشفرات
  }

مثال

الكود:
<script type="text/javascript">
/*إذا كان الوقت الحالي أقل
عن الساعة الثانية عشر، ستحصل على
الجملة "صبــاح الخـــير"
 
اما إن كان الوقت غير ذلك،
 ستحصل على الجملة
 "مســـاء الخـــير"
*/
var d = new Date();
var time = d.getHours();
 
if (time < 12)
  {
  document.write("صبــاح الخــير");
  }
else
  {
  document.write("مســـاء الخـــير");
  }
</script>

الجملة if…elseif…else

تستخدم هذه الجملة عندما تريد ان تنفذ بناء معين (block) من ضمن مجموعة من الأبنية الكثيره.

الشفرة
الكود:
if (الشرط الأول)
  {
  ضع الجمل التي تريد ان تعمل
إذا كان الشرط الشرط الأول صحيحا
  }
else if (الشرط الثاني)
  {
  ضع الجمل التي تريد ان تعمل
إذا كان الشرط الثاني صحيحا
  }
else
  {
  ضع الجمل التي تريد ان تعمل إذا
 كان الشرط الأول والثاني غير صحيحين
  }


المثال

الكود:
<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time<12)
  {
  document.write("<b>صبـــاح الخـــير</b>");
  }
else if (time>12 && time<16)
  {
  document.write("<b>مســـاء الخير </b>");
  }
else
  {
  document.write("<b>أهــلا بـــك في
الابداع العربي!</b>");
  }
</script>


انتهى الدرس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:54 pm

الجافا سكريبت – الجملة الشرطية Switch

تستخدم جملة Switch في تفعيل شفرات معينة عند تحقق شرط معين من ضمن شروط وشفرات كثيره. هذه الجملة شبيهة بالجملة الشرطية if…elseif…else التي تعلمناها في الدرس السابق.

جملة Switch في للغة الجافا سكريبت

تستخدم هذه الجملة لتحديد بناء من الشفرات ليتم تفعيله دون عمل الأبنية الأخرى ، وذلك حسب تحقق الشروط المحددة.

الشفرة

الكود:
switch(n)
{
case 1:
  تفعيل البناء الأول
  break;
case 2:
  تفعيل البناء الثاني
  break;
default:
  تفعيل هذا البناء
في حال كانت الشروط
 السابقة غير صحيحة
}

كيف تعمل Switch؟

كما في الشفرة السابقة، n يمثل قمية معينة (غالبا تكون متغير) يتم استخدامها مرة واحدة. قيمة n يتم مقارنتها مع كل قيمة من القيم التي تأتي بعد case (وهو عبارة عن قيمة يتم مقارنتها مع قيمة المتغير n). إذا تطابقة إحدى القيم مع القيمة n، يتم تفعيل وعمل البناء دون غيره من الأبنية التي تأتي بعده. تستخدم break لمنع عمل الأبنية التي تأتي بعد هذا البناء.

لا تنزعج ، فالأمر في غاية السهولة والبساطة. المثال التالي يوضح كيفية عمل Switch:


الكود:
<script type="text/javascript">
 
<!--
 
var grade='A';
 
switch (grade)
 
{
 
  case 'A': document.write("ممتاز<br />");
 
            break;
 
  case 'B': document.write("جيد جدا <br />");
 
            break;
 
  case 'C': document.write("جيد<br />");
 
            break;
 
  case 'D': document.write("مقبول<br />");
 
            break;
 
  case 'F': document.write("راسب<br />");
 
            break;
 
  default:  document.write("لا أعرف <br />")
 
}
 
//-->
 
</script>

انتهى الدرس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:54 pm

الجافا سكريبت – نوافذ الإضهار Popup Boxes

يوجد ثلاثة أنواع من نوافذ الإضهار بلغة الجافا سكريبت:

–       نافذة التحذير (Alert box)

–       نافذة التأكيد(Confirm box)

–       نافذة الإعلام(Prompt box)



نافذة التحذير

يستخدم هذا النوع من النوافذ لعرض رسالة للمستخدم تطلب منه التأكيد على أمر ما. عند ضهور النافذة للمستخدم، يجب على المستخدم الضغط على الزر “OK” لمواصلة العملية.

الشفرة

الكود:
alert("أكتب الرسالة هنا");

مثال

الكود:
<html>
<head>
<script type="text/javascript">
function showAlert()
{
alert("هذه عبارة عن نافذة تحذيرية تطلب منك التأكيد لمواصلة العملية!!!");
}
</script>
</head>
<body>
 
<input type="button" onclick=" showAlert ()" value="عرض نافذة التحذير" />
 
</body>
</html>


نافذة التأكيد

هذا النوع من النوافذ يستخدم في حال إذا كان المستخدم يريد الموافقه على شي معين أو رفضه. عندما تضهر النافذة، على المستخدم الضغط على أحد الزرين “OK” أو “Cancel” لمواصلة العملية. إذا ضغط المستخدم على الزر “OK”، ترجع النافذة القيمة “True”. إذا ضغط المستخدم على الزر “Cancel”، ترجع النافذة القيمة “False”.

الشفرة

الكود:
confirm("أكتب الرسالة هنا");

مثال

الكود:
<html>
<head>
<script type="text/javascript">
 
function showConfirm ()
 
{
 
var ret = confirm("هل تحب منتدىالابداع\n www.ibda3araby.com");
 
if(ret == true)
 
          {
 
          alert("شكرا لك... منتدى الابداع");
 
          }
 
else
 
          {
 
          alert("أنت لا تحب منتدى الابداع");
 
          }
 
}
 
</script>
 
<body>
 
<input type="button" onclick=" showConfirm ()" value="عرض نافذة التأكيد" />
 
</body>
 
</html>


نافذة الإعلام

هذه النافذة تستخدم عندما يريد المستخدم أن يضيف قيمة معينة قبل الولوج الى الصفحة. عندما تضهر النافذة، على المستخدم الضغط على أحد الزرين “OK” أو “Cancel” لمواصلة العملية بعد أن يدخل القيمة. إذا ضغط المستخدم على الزر “OK”، فالقيمة المرجعة من النافذة هي القيمة التي أدخلها المستخدم. إذا ضغط المستخدم على الزر “Cancel”، فالقيمة المرجعة من النافذة null.



الشفرة
الكود:

prompt("sometext","defaultvalue");

الكود:
<html>
<head>
<script type="text/javascript">
function showPrompt()
{
var web=prompt("أدخل إسم موقعك المفضل","www.ibda3araby.com");
if (web!=null && web!="")
  {
  document.write("انت تحب الموقع <br/>" + web);
  }
}
</script>
</head>
<body>
 
<input type="button" onclick="showPrompt()" value="عرض نافذة الطلب" />
 
</body>
</html>

انتهى الدرس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:55 pm

الجافا سكريبت – الدوال

تعمل الدوال عند حدوث حدث معين أو عند إستدعائها. كما تستخدم الدوال عندما نحتاج إلى تفعيل شفرات معينة أكثر من مرة. لا تعمل الدوال إلا عند استدعائها فقط.

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

عند تحميل الصفحة، يقوم المتصفح بترجمة وتفعيل شفرات الجافا سكريبت مباشرة. تستطيع منع عمل الشفرات عند تحميل الصفحة باستخدام ما يعرف بالدوال.

الدالة تحتوي على بناء من الشفرات يتم عملها وتفعيلها عند حدوث حدث معين أو إستدعائها. تستطيع إستدعاء الدالة من أي مكان في صفحة الويب ( أو من أي صفحة إذا كانت الدالة توجد في ملف خاريجي “.js” (.

يمكن كتابة الدالة في القسم والقسم في الصفحة. على كل حال، يفضل كتابة الدالة في القسم وذلك لتأكد من أن الدالة تم تحميلها من قبل المتصفح قبل إستدعائها.

طريقة تعريف الدالة

الشفرة

الكود:
function functionname(var1,var2,...,varX)
{
أكتب شفرات الدالة هنا
}

كما تلاحظ في الشفرة السابقة القيم var1,var2 و… وغيرها من القيم. هذه القيم تعرف ب الباراميترات، وهي قيم يتم إرسالها بواسطة الدالة لتقوم شفرات الدالة بمعالجة تلك القيم. شفرات الدالة أو ما يعرف بالبناء توضع بين القوسين { و }.

يمكن أن تُعّرف الدالة بدون باراميترات بحيث تجعل القوسين () بعد إسم الدالة فارغا.



للغة الجافا سكريبت لغة حساسة لحالة الحروف، لذلك يجب ان تكتب الكلمة الدليلية function بحروف صغيرة. وتذكر عند إستدعاء الدالة أن تكتب إسمها بنفس حالة الحروف التي عرّفتها بها.

الأمثلة:

الكود:
<html>
<head>
<script type="text/javascript">
function displayMsg()
{
alert("أهلا بك ");
}
</script>
</head>
 
<body>
<form>
<input type="button" value="ترحيب" onclick=" displayMsg()" />
</form>
</body>
</html>

في المثال السابق، لو وضعت الجملة alert(“Hello”); خارج بناء الدالة، سيتم تفعيلها عند تحميل الصفحة مباشرة. ولكن في هذا المثال، الجملة alert(“Hello”); لا تعمل حتى يضغط المستخدم على الزر.

سنتعلم الكثير عن الأحداث Events في للغة الجافا سكريبت في الدروس القادمة بإذن الله تعالى.


القيم المرجعة من الدوال

الجملة return تُستخدم لإرجاع قيمة معينة من الدالة. لذلك يجب على الدالة التي تريد أن تُرجع ملعومات معينة أن تستخدم الجملة return.

الدالة في المثال التالي ترجع ناتج الجمع بين قيمتين:


الكود:
<html>
<head>
<script type="text/javascript">
function add(a,b)
{
return a + b;
}
</script>
</head>
 
<body>
<script type="text/javascript">
document.write(add(4,5));
</script>
 
</body>
</html>

عُمر متغيرات الجافا سكريبت

عند إستخدام الكلمة الدليلية var، يصبح المتغير المعّرف بداخل الدالة متغيرا داخليا بحيث لا يمكن الوصول إليه إلا من داخل الدالة فقط. عند انتهاء عمل الدالة، يتم تدمير المتغير. يمكن أن يوجد في نفس الصفحة أكثر من متغير وبنفس الإسم، ذلك لان المتغير الداخلي الذي يوجد في دالة معينة يختلف عن المتغير الذي يوجد في دالة أخرى ولو كان له نفس الإسم.

اما لو تم تعريف المتغير خارج الدالة، فإن كل الدوال الموجودة على نفس الصفحة تستطيع الوصول إليه. يتم تدمير هذا النوع من المتغيرات عند إغلاق الصفحة.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:55 pm

الجافا سكريبت – حلقات التكرار(loop)

تُستخدم حلقات التكرار لتفعيل وتشغيل شفرات معينة عدد معين من المرات، أو تكرارها يعتمد على تحقق شرط معين!


حلقات التكرار بلغة الجافا سكريبت

في بعض الأحيان، تحتاج من شفرات معينة أن تعمل أكثر من مرة. فبدلا من كتابة تلك الشفرات أكثر من مرة، يتم إستخدام ما يُعرف بحلقاتِ التكرار.

أنواع حلقات التكرار بلغة الجافا سكريبت:
•for – تتم عملية التكرار عدة مرات حسب المرات المحددة او حتى يصبح الشرط غير صحيحا.
•while – تتم عملية التكرار بصورة مستمرة ما دام الشرط صحيحا.
•do…while – تتم عملية التكرار مرة واحدة بدون شروط، بعدها يتم التكرار ما دام الشرط صحيحا. بمعنى آخر يتم تفعيل الشفرات في المرة الأولى دون النظر إلى صحة الشرط، بعدها يتم التكرار ما دام الشرط صحيحا.
•· for…in – تتم عملية التكرار عدة مرات حسب عدد الخصائص المخزنة في الكائن (object).

حلقات التكرار – loop

تتم عملية التكرار عدة مرات حسب المرات المحددة، او حتى يصبح الشرط غير صحيحا. بمعنى آخر، يستخدم هذا النوع من التكرار عندما تعلم بصورة دقيقة عدد المرات التي تريد من الشفرات ان يتم تنفيذها.

الشفرة

الكود:
for (init; condition; increment)
  {
  تكتب الشفرات هنا...
  }

البارامترات (Parameters) لشفرة الـ For هي:
•Init : غالبا ما يستخدم كعداد (ولكن يمكن ان تستخدم اي كود (شفرة ) ليتم تفعيلها مرة واحدة فقط عند بداية التكرار).
•Condition : يمثل هذا الشرط الذي يتم من خلاله التكرار ما دام الشرط صحيحا، أما إن كان الشرط غير صحيح (false) فالتكرار سيتوقف.
•Increment : غالبا ما يستخدم لزيادة او تنقيص العداد ( ولكن يمكن ان تستخدم اي كود (شفرة ) ليتم تفعيلها بصورة متكررة إلى نهاية عملية التكرار).

الأمثلة

في المثال التالي، سنبدأ عملية التكرار بالقيمة i=1، بعدها سيستمر التكرار الى أن يصبح الشرط i<=5 غير صحيح (false).

الكود:
<html>
<body>
<script type="text/javascript">
var i;
 
for (i=1;i<=5;i++)
{
document.write("حلقة التكرار : " + i);
document.write("<br />");
}
</script>
</body>
</html>

حلقة التكرار – while

تتم عملية التكرار بصورة مستمرة الى ان يصبح الشرط غير صحيحا.

الشفرة

while (الشرط)
{
تكتب الشفرات هنا…
}

الأمثلة

هذا المثال شبيه بالمثال السابق ولكن بستخدام حلقة التكرار while :


الكود:
<html>
<body>
<script type="text/javascript">
var i=1;
while (i<=5)
  {
  document.write("حلقة التكرار: " + i);
  document.write("<br />");
  i++;
  }
</script>
</body>
</html>

حلقات التكرار – do…while

تتم عملية التكرار مرة واحدة بدون شروط، بعدها يتم التكرار ما دام الشرط صحيحا. بمعنى آخر يتم تفعيل الشفرات المحصورة بداخل اللوب loop مرة واحدة على الأقل.

الكود:
do
  {
 تكتب الشفرات هنا...
  }
while (الشرط);

المثال

في هذا المثال سنقوم بعملية التكرار عدة مرات. في المرة الأولا يتم الدخول الى الشفرة المحصورة داخل اللوب دون التحقق من صحة الشرط i<=5. بعدها يتم التحقق من صحة الشرط قبل الدخول الى تفعيل الشفرات.

الكود:
<html>
<body>
<script type="text/javascript">
var i=1;
do
  {
  document.write("حلقة التكرار:  " + i);
  document.write("<br />");
  i++;
  }
while (i<=5);
</script>
</body>
</html>

انتهى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:55 pm

الجافا سكريبت – جملة التوقف (break) وجملة الإستمرار (continue)



جملة التوقف – break

تستخدم هذه الجملة في توقيف عمل حلقة التكرار، وتشغيل الشفرات التي تأتي بعدها(إذا وجد ).

المثال

الكود:
<html>
<body>
<script type="text/javascript">
var i=1;
for (i=1;i<=5;i++)
  {
  if (i==3)
    {
    break;
    }
  document.write("حلقة التكرار:  " + i);
  document.write("<br />");
  }
 
document.write("إجبار حلقة التكرار على التوقف");
 
</script>
</body>
</html>

جملة الإستمرار – continue

هذه الجملة تقوم بقطع حلقة التكرار والذهاب إلى الحلقة التي تليها مباشرة.

الأمثلة:

الكود:
<html>
<body>
<script type="text/javascript">
var i=1;
for (i=1;i<=5;i++)
  {
  if (i==3)
    {
  continue;
    }
  document.write("حلقة التكرار:  " + i);
  document.write("<br />");
  }
</script>
</body>
</html>

انتهى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  دورة احتراف الجافا سكريبت Javascript	 Saudi-10
العمر : 22

 دورة احتراف الجافا سكريبت Javascript	 Empty
مُساهمةموضوع: رد: دورة احتراف الجافا سكريبت Javascript     دورة احتراف الجافا سكريبت Javascript	 Emptyالخميس مايو 07, 2020 12:55 pm

الجافا سكريبت – الأحداث

الأحداث عباره عن عمل معين يمكن للجافا سكريبت أن تدركه.


تأثير الأحداث

في المثال التالي سنعرض الوقت الحالي عند الضغط على الزر:

الكود:
<html>
 
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("AAA").innerHTML=Date();
}
</script>
</head>
 
<body>
 
<p id="AAA"></p>
 
<button type="button" onclick="displayDate()">عرض</button>
 
</body>
</html>

الأحداث

بستخدام للغة الجافا سكريبت، تستطيع بناء صفحات ويب بصورة ديناميكيه. الأحداث events هي عبارة عن عمل معين تستطيع الجافا سكريبت أن تدركه.

كل عناصر صفحة الويب لها أحداث تستطيع الجافا سكريبت أن تدركها وتتعامل معها. فمثلا، تستطيع أن تضيف عنصر زر (button) يستطيع أن يولّد حدث عند النقر عليه (onClick). فمثلا يستطيع ان يستدعي دالة معينة عند النقر عليه.

أمثلة على بعض الأحداث:

– النقر بالفأرة

– تحميل صفحة أو صورة

– مرور مؤشر الفأره من نقطة معينة على الصفحة

– الضغط على أحد أزرار لوحة المفاتيح


تستخدم الأحداث عادة مع الدوال بحيث لا تعمل الدالة قبل الحدث.


onLoad و onUnload

هذا النوعين من الأحداث تحدث عند تحميل الصفحة أو غلقها.

عادة ما يُستخدم الحدث onLoad لتحقق من إصدار المتصفح ونوعه وتحميل الصفحة التي تناسب المتصفح.

كما يمكن إستخدام الحدثين onLoad و onUnload لتّعامل مع الكوكيز (cookies) أو الكعكات عند دخول المستخدم للصفحة أو الخروج منها. فمثلا، يمكن عرض نافذة للمستخدم عند دخوله للصفحة تسأله عن إسمه. بعدها يتم تخزين إسم المستخدم في الكوكيز ( الكوكيز عبارة عن ملف يتم تخزينه في جهاز المستخدم). بعدها نستطيع أن نستخدم ذلك الإسم مثلا للإظهار نافذة أخرى عند خروجه من الصفحة تقول له ” مع السلامة يا عبد الله!”.

onFocus, onBlur, onChange

عادة ما تستخدم هذه الأحداث للتحقق من القيم المدخلة على النماذج بواسطة المستخدم.

المثال التالي يوضح طريقة إستخدام الحدث onChange. الدالة nameChange() تستدعى عند تغير قيمة النموذج.

الكود:
<input type="text" size="30" id="name" onchange=" nameChange ()">

onSubmit

هذا الحدث يستخدم للتحقق من صحة جميع النماذج قبل إرسالها.

في المثال التالي نوضح طريقة إستخدام هذا الحدث للتحقق من صحة جميع النماذج قبل إرسالها الى صفحة أخرى. يتم إستدعاء الدالة checkAll() عند الضغط على زر الإرسال من نوع (Submit) يتم إستدعاء الدالة checkAll() حيث ترجع الدالة القيمة true إذا كانت قيم النماذج صحيحة ويتم معها إرسال المعلومات إلى الصفحة xxx.php أو تُرجع الدالة القيمة false في حالة كانت قيم النماذج خاطئة ويتم معها تجاهل طلب الإرسال.



الكود:
<form method="post" action="xxx.php" onsubmit="return checkAll()">

بهذا الدرس ننهي هذه المرحلة من مراحل تعلم للغة الجافا سكريبت والتي تعتبر دروس للمبتدئين،
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
 
دورة احتراف الجافا سكريبت Javascript
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: دروس تعلم لغات البرمجة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020