في هذا الشيفرة البرمجية المقدمة، يتم استخدام لغة البرمجة JavaScript لإنشاء واجهة مستخدم بسيطة تتيح للمستخدم اختيار عنصر من القائمة. الشيفرة تستخدم تعبير switch
لتحديد السلوك بناءً على القيمة التي يتم تمريرها إلى الدالة CheckChoice
، وهنا يتم تحويل القيمة المدخلة إلى عدد صحيح باستخدام parseInt
.
إذا كانت القيمة المدخلة ليست عددًا صحيحًا (NaN)، فإن الشيفرة تقوم بعرض رسالة خطأ باستخدام alert
وتنتهي دون تنفيذ أي عمل إضافي. وإذا كانت القيمة صحيحة، يتم استدعاء دالة CheckChoice
لتنفيذ السلوك المناسب بناءً على القيمة المدخلة.
المشكلة التي تم التنويه إليها هي عدم ظهور رسالة “The value supplied is out of range!” عند إدخال قيمة NaN. يظهر ذلك بسبب أن فرع الـ default
يتم تنفيذه فقط عندما لا يتناسب أي من فروع case
مع القيمة المعطاة، وفي هذه الحالة، يتناسب case
مع القيم الصحيحة فقط. لذا، عند إدخال قيمة NaN، يتم تنفيذ الفرع default
ويظهر الإنذار كما هو متوقع.
يمكن تحسين هذا السلوك بتغيير if (isNaN(IntSelect))
إلى if (isNaN(IntSelect) || !Number.isInteger(IntSelect))
لضمان أن يتم تنفيذ الفرع default
في حالة إدخال قيمة غير صحيحة.
المزيد من المعلومات
في هذا السياق، يستخدم الكود مجموعة من الأوامر والتقنيات في لغة JavaScript وHTML لتحقيق التفاعل مع المستخدم عبر واجهة مستخدم بسيطة. دعونا نلقي نظرة أعمق على بعض النقاط المهمة:
-
استخدام
switch
في JavaScript:- يتيح تعبير
switch
تحديد سلوك البرنامج بناءً على قيمة محددة. - في هذا السياق، يُستخدم
switch
لتحديد السلوك الذي يجب تنفيذه استنادًا إلى القيمة المدخلة (option
) في دالةCheckChoice
.
- يتيح تعبير
-
تحويل النص إلى عدد صحيح:
- يُستخدم
parseInt
لتحويل النص المدخل من المستخدم (Selection
) إلى عدد صحيح (IntSelect
). - إذا لم يكن النص يمثل رقمًا صحيحًا، سيتم تعيين
IntSelect
إلى NaN.
- يُستخدم
-
استخدام
isNaN
لفحص NaN:- يُستخدم
isNaN
للتحقق مما إذا كانت القيمة المحولة (IntSelect
) هي NaN أم لا. - في حالة عدم توفر قيمة رقمية صحيحة، يتم عرض رسالة خطأ باستخدام
alert
، والبرنامج يتوقف عن التنفيذ.
- يُستخدم
-
استخدام
Number.isInteger
:- يُقدم
Number.isInteger
طريقة أخرى للتحقق مما إذا كانت القيمة عددًا صحيحًا أو لا. - يمكن دمجه مع
isNaN
للتحقق من صحة القيمة المدخلة والتأكد من أنها عدد صحيح.
- يُقدم
-
استخدام
prompt
وalert
:prompt
تستخدم لجمع الإدخال من المستخدم، حيث يُطلب منه إدخال قيمة للاختيار.alert
تستخدم لعرض رسائل تنبيه للمستخدم في حالة حدوث خطأ أو لإظهار نتيجة التحقق.
-
استخدام HTML لبناء واجهة المستخدم:
- يتم استخدام عناصر HTML مثل
input
وp
وol
لبناء وتنسيق واجهة المستخدم. - يُظهر العنصر
ol
قائمة مرتبة تعرض الخيارات الممكنة. - يتم تحديد مكان عرض النتيجة باستخدام
.
- يتم استخدام عناصر HTML مثل
باختصار، يتم استخدام هذا الكود للتفاعل مع المستخدم عبر واجهة بسيطة، مع التأكيد على صحة الإدخال وتوجيه المستخدم في حالة إدخال غير صالح.