مقدمة
في الدروس السابقة تعلمنا كيف تخزن JavaScript البيانات داخل المتغيرات، وكيف تتعامل مع أنواع البيانات المختلفة، وكيف تعالجها باستخدام العمليات، ثم تعرفنا على إدخال وإخراج البيانات، وأخيرًا التحويل بين أنواع البيانات.
لكن حتى الآن، كان البرنامج ينفذ التعليمات بالتسلسل، من أول سطر إلى آخر سطر.
في الواقع، هذا لا يكفي لبناء موقع إلكتروني حقيقي.
فالموقع يجب أن يكون قادرًا على اتخاذ القرارات.
فعندما يضغط المستخدم زرًا، أو يكتب كلمة مرور، أو يختار منتجًا، يجب أن يقرر الموقع ماذا سيفعل بعد ذلك.
وهنا يأتي دور الجمل الشرطية (Conditional Statements).
---
ما هي الجمل الشرطية؟
الجمل الشرطية هي تعليمات تسمح لبرنامج JavaScript بتنفيذ أوامر معينة إذا تحقق شرط محدد، أو تنفيذ أوامر أخرى إذا لم يتحقق.
بعبارة أخرى، يسأل البرنامج سؤالًا بسيطًا:
هل هذا الشرط صحيح؟
إذا كانت الإجابة نعم، ينفذ مجموعة من التعليمات.
أما إذا كانت الإجابة لا، فقد ينفذ تعليمات مختلفة أو يتجاوزها.
وهذه هي الطريقة التي تجعل المواقع الإلكترونية تتفاعل مع المستخدم بطريقة ذكية.
---
لماذا نحتاج إلى الجمل الشرطية؟
تخيل متجرًا إلكترونيًا.
إذا ضغط المستخدم زر شراء، فهل يجب أن يسمح الموقع بالشراء دائمًا؟
بالطبع لا.
بل يجب أن يتحقق أولًا من أمور مثل:
- هل المنتج متوفر؟
- هل الكمية كافية؟
- هل المستخدم سجل الدخول؟
- هل تم إدخال عنوان الشحن؟
إذا تحققت الشروط، يكمل الموقع عملية الشراء.
أما إذا لم تتحقق، فيعرض رسالة مناسبة.
كل هذه القرارات تعتمد على الجمل الشرطية.
---
كيف تتخذ JavaScript القرار؟
تعتمد JavaScript على الشروط المنطقية.
كل شرط تكون نتيجته واحدة فقط:
- صحيح (True).
- خطأ (False).
ثم تبني قرارها بناءً على هذه النتيجة.
ولهذا السبب ترتبط الجمل الشرطية ارتباطًا وثيقًا بعمليات المقارنة والعمليات المنطقية التي تعلمناها سابقًا.
---
أمثلة من الحياة اليومية
نحن نتخذ قرارات اعتمادًا على الشروط طوال الوقت، مثل:
- إذا وصلت الحافلة، أركب.
- إذا كان المتجر مفتوحًا، أدخل.
- إذا انتهى شحن الهاتف، أوصله بالشاحن.
- إذا كانت السماء تمطر، أستخدم المظلة.
البرنامج يعمل بالطريقة نفسها، لكنه يعتمد على البيانات بدلًا من التفكير البشري.
---
أين تستخدم الجمل الشرطية في JavaScript؟
توجد في كل موقع إلكتروني تقريبًا، مثل:
- تسجيل الدخول.
- إنشاء الحسابات.
- البحث.
- إضافة المنتجات إلى السلة.
- التحقق من صحة البيانات.
- عرض الرسائل والتنبيهات.
- الألعاب التي تعمل داخل المتصفح.
فكل مرة ترى فيها الموقع يتفاعل مع ما تفعله، فغالبًا توجد جملة شرطية تعمل في الخلفية.
---
ماذا يحدث إذا لم يتحقق الشرط؟
ليس من الضروري أن يتوقف البرنامج.
قد يقوم بأحد الأمور التالية:
- تنفيذ تعليمات مختلفة.
- عرض رسالة توضح المشكلة.
- الانتقال إلى خطوة أخرى.
- تجاهل العملية بالكامل.
ولهذا يمكن للموقع التعامل مع مواقف متعددة بطريقة منظمة.
---
لماذا تعد الجمل الشرطية مهمة جدًا؟
لأنها تجعل البرنامج يتفاعل مع الواقع.
فبدلًا من تنفيذ الأوامر نفسها دائمًا، يصبح قادرًا على اختيار السلوك المناسب حسب البيانات التي يستقبلها.
وهذا هو الأساس الذي تعتمد عليه جميع تطبيقات الويب الحديثة.
---
العلاقة بين الجمل الشرطية والأحداث (Events)
من أكثر ما يميز JavaScript أنها تعتمد على الأحداث.
فعندما ينقر المستخدم زرًا أو يكتب في مربع نص، يحدث "حدث".
بعد ذلك تستخدم JavaScript الجمل الشرطية لتقرر ماذا ستفعل استجابة لهذا الحدث.
لذلك ستلاحظ لاحقًا أن هذين المفهومين يعملان معًا باستمرار.
---
أخطاء شائعة عند المبتدئين
من الأخطاء الشائعة الاعتقاد أن الجملة الشرطية تستخدم فقط في تسجيل الدخول.
لكن الحقيقة أنها تدخل في جميع أجزاء الموقع تقريبًا.
كما يظن بعض المبتدئين أن الشرط يمكن أن تكون له أكثر من نتيجتين، بينما نتيجته دائمًا صحيح أو خطأ.
---
ملخص الدرس
تعرفنا في هذا الدرس على الجمل الشرطية (Conditional Statements)، وعرفنا أنها الأداة التي تسمح لـ JavaScript باتخاذ القرارات بناءً على البيانات أو تفاعل المستخدم. كما تعلمنا أنها تُستخدم في جميع المواقع الإلكترونية تقريبًا، لأنها تجعل صفحات الويب ذكية وقادرة على الاستجابة لمختلف المواقف.
في الدرس الثامن سنتعرف على الحلقات التكرارية (Loops)، وسنفهم كيف تجعل JavaScript تنفذ مجموعة من التعليمات عدة مرات دون الحاجة إلى تكرار كتابة الكود.