القائمة الرئيسية

الصفحات

التفاعل مع المستخدم و التعليمات الشرطية فى لغة جافا سكريبت

التفاعل مع المستخدم و التعليمات الشرطية 

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

 والتفاعل مع المستخدم interaction  يتم عن طريق عدة نوافذ أساسية توفرها الجافا سكريبت. 

التفاعل مع المستخدم و التعليمات الشرطية

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

أولاً : التفاعل مع المستخدم

1- التابع alert

هو تابع يقوم بإظهار رسالة للمستخدم عند دخوله إلى صفحة معينة في الموقع. مثلا يمكن وضع الكود التالي في الصفحة الرئيسية للموقع لإظهار رسالة ترحيب بالمستخدمين الذين يزورون الصفحة الرئيسية.

التابع alert فى لغة الجافا سكريبت

الرسالة الظاهرة في الموقع هي:

 

رسالة ترحيب التابع alert فى لغة الجافا سكريبت

2- التابع prompt

نقوم بإستخدام هذا التابع بطلب إدخال قيمة لمتحول من قبل المستخدم. مثلاً الكود التالي يطلب من المستخدم إدخال الإيميل الخاص به ويقوم بتخزينه ضمن متغير.

التابع prompt جافا سكريبت

والواجهة الظاهرة ستكون على الشكل التالي:

رسالة التابع prompt

3- التابع confirm

وهو يستخدم لسؤال المستخدم هل هو متأكد من القيام بعملية ما ضمن الموقع الألكتروني الخاص بنا.

التابع confirm

ويقوم بإظهار النافذة التالية للمستخدم:

نافذة التابع confirm

وتكون نتيجة هذا التابع متحول boolean حيث يأخذ المتحول ConfirmResult القيمة true عند الضغط على ok ويأخذ القيمة false عند الضغط على cancel.


ثانياً: التعليمات الشرطية

قبل البدء بالحديث عن التعليمة الشرطية if وملحقاتها في لغة جافا سيكربت. يجب أولا أن نتكلم عن المعاملات المنطقية والتعبيرات expressions في جافا سيكربت وهي شبيهة بمعظم لغات البرمجة الباقية.

المعاملات المنطقية ومعاملات المقارنة في جافا سيكربت:

يوجد لدينا عدة معاملات في لغة جافا سكريبت وهي:

 

معامل المقارنة

وصف

==

لمقارنة متغييرين اذا كانا متساويين في القيمة أم لا(تعيدtrue إذا  كانا متساويين و false  إذا لم يكونا متساويين)

===

لمقارنة متغييرين اذا كانا متساويين في القيمة والنمط أم لا (تعيدtrue إذا  كانا متساويين و false  إذا لم يكونا متساويين)

!=

لمقارنة متغييرين اذا كانا متساويين في القيمة أم لا(تعيد false إذا  كانا متساويين و true  إذا لم يكونا متساويين)

!==

لمقارنة متغييرين اذا كانا متساويين في القيمة والنمط أم لا (تعيد false إذا  كانا متساويين وfalse  إذا لم يكونا متساويين)

أكبر من تعيد true  إذا كان المتحول الأول أكبر من الثاني وإلا تعيد fasle

أصغر من تعيد true  إذا كان المتحول الأول أصغر من الثاني وإلا تعيد fasle

>=

أكبر أو تساوي تعيد true  إذا كان المتحول الأول أكبر أو يساوي من الثاني وإلا تعيد fasle

<=

أصغر أو تساوي  تعيد true  إذا كان المتحول الأول أصغر أو يساوي من الثاني وإلا تعيد fasle

 

ويوجد لدينا معاملات منطقية لدمج عدة تعبيرات مقارنة مع بعضها وهي: 

المعامل المنطقي

وصف

&&

معامل الـ (و and -) والذي يعيد true في حال تحقق تعبيري مقارنة معاً وإلا يعيد false

||

معامل الـ (أو or -) والذي يعيد true في حال تحقق أحد تعبيري مقارنة عللى الأقل وإلا يعيد false

!

تعليمة النفي وتعيد trur إذا لم يتحقق التعبير وإلا تعيد false إذا تحقق


التعليمة الشرطية if

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

أو تقول إذا تحقق شرط معين عليك القيام بأمر معين أما إذا تحقق شرط أخر قم بالأمر الاخر وهكذا.

مثال: 

لنقل أننا نريد أن نتأكد من عمر المستخدم قبل السماح له بعمل أمر معين لذلك نكتب الكود التالي:

التعليمة الشرطية if

وهناك شكل أخر للتعليمات وهو إن كان هناك عدة حالات نريد مناقشتها .مثلاً نريد مناقشة حالات إذا كان الشخص أصغر من 20 أو بين 20 و 40 أو أكبر من 40 نقوم بكتابة الكود التالي:

التعليمات الشرطية if

التعليمة switch

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

التعليمة switch الجافا سكريبت


reaction:

تعليقات