الجزء الخامس – التحكم في تدفق البرنامج – سلسلة FSWD – JS

ahmedمنذ 4 أسابيع

0 126 دقيقة واحدة

✳️ أولاً: جملة `if / else if / else`

✅ الشكل العام

if (شرط) {
  // الكود اللي يتنفذ لو الشرط صح (true)
} else if (شرط تاني) {
  // الكود ده هيتنفذ لو الشرط الأولاني غلط والتاني صح
} else {
  // الكود ده هيتنفذ لو كل الشروط اللي فوق كانت غلط
}

✅ مثال عملي

let age = 20;

if (age < 18) {
  console.log("أنت أقل من 18 سنة");
} else if (age >= 18 && age <= 60) {
  console.log("أنت في سن الشباب");
} else {
  console.log("أنت فوق الـ 60 سنة");
}

✳️ ثانياً: جملة `switch`

✅ إمتى نستخدم `switch`؟

لما يكون عندك قيمة واحدة بتقارنها بأكتر من حالة مختلفة، بدل ما تكتب if كتير

✅ الشكل العام:

switch (القيمة) {
  case "قيمة 1":
    // الكود لو القيمة هي 1
    break;
  case "قيمة 2":
    // الكود لو القيمة هي 2
    break;
  default:
    // الكود لو مفيش حالة من اللي فوق اتحققت
}

ملاحظة مهمة: لازم تكتب break علشان يخرج من الـ switch بعد تنفيذ الحالة

✅ مثال عملي

let day = "الثلاثاء";

switch (day) {
  case "السبت":
    console.log("أول الأسبوع");
    break;
  case "الأحد":
  case "الإثنين":
  case "الثلاثاء":
    console.log("منتصف الأسبوع");
    break;
  case "الأربعاء":
  case "الخميس":
    console.log("قربنا نخلص الأسبوع");
    break;
  case "الجمعة":
    console.log("إجازة رسمية!");
    break;
  default:
    console.log("اليوم غير معروف");
}

✅ 💯 مثال كامل يضم if / else و switch

<!DOCTYPE html>
<html>
<head>
  <title>التحكم في تدفق البرنامج</title>
</head>
<body>
  <h2>افتح الكونسول (F12) علشان تشوف النتائج</h2>

  <script>
    // مثال على if / else if / else
    let score = 75;

    if (score >= 90) {
      console.log("ممتاز 👏");
    } else if (score >= 75) {
      console.log("جيد جدًا 👍");
    } else if (score >= 60) {
      console.log("جيد 😊");
    } else {
      console.log("محتاج تذاكر أكتر 📚");
    }

    // مثال على switch
    let browser = "Chrome";

    switch (browser) {
      case "Chrome":
        console.log("أنت بتستخدم Chrome ✅");
        break;
      case "Firefox":
        console.log("أنت بتستخدم Firefox 🔥");
        break;
      case "Safari":
        console.log("أنت بتستخدم Safari 🍏");
        break;
      default:
        console.log("متصفح غير معروف ❓");
    }
  </script>
</body>
</html>

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