الدرس الرابع عشر استخدام switch في الشرط
تعلمنا سابقاً استخدام دالة if الشرطية وأنها تبحث في الشرط الموجود بين القوسين فإذا تحقق تنفذ مابداخلها من كود وتعلمنا أيضا ً اننا نستخدم else لتنفيذ الكود في حال عدم تحقق الشرط وقلنا أنه يمكننا اختبار أكثر من شرط باستخدام elseif لدينا اليوم شيئاً مشبهاً لكن بشكل أبسط وهي switch حيث تستخدم الدالة switch للتحقق من أكثر من شرط مثل elseif لكنها أكثر كفاءة وأسهل للكتابة والفهم وتنفيذ.
وتتم كتابة الشرط في switch كالتالي
switch(العبارة التي يختبر فيها الشرط)
{
case النتيجة الأولى:
الكود الذي سيتم تنفيذه في حال تحققت النتيجة الأولى;
break; /* اختياري */
case النتيجة الثانية:
الكود الذي سيتم تنفيذه في حال تحققت النتيجة الثانية;
break; /* اختياري */
case النتيجة n :
الكود الذي سيتم تنفيذه في حال تحققت النتيجة n ;
break; /* اختياري */
default: في حال عدم تحقق أي نتيجة سابقة
الكود الذي سيتم تنفيذه في حال عدم تحقق أي نتيجة سابقة ;
}
لنوضح ذلك بمثال بسيط
- افتح برنامج المفكرة لديك أو أي برنامج لتحرير كود الجافا سكربت
- اكتب الكود التالي :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>الدرس الرابع عشر استخدام switch الشرطية </title>
</head>
<body dir="rtl">
<h2>انقر الزر التالي ثم اكتب درجة الطالب ليظهر لك تقديره</h2>
<button onclick="myFunc()"> ماهو تقدير الطالب ؟ </button>
<p id="r1"></p>
<script>
function myFunc()
{
var input;
input = prompt("اكتب درجة الطالب من 1 إلى 5");
// لتحويل النص إلى رقم
var inputnum = parseInt(input);
var result = document.getElementById("r1");
switch (inputnum)
{
case 1:
result.innerHTML = "ضعيف";
break;
case 2:
result.innerHTML = "مقبول";
break;
case 3:
result.innerHTML = "جيد";
break;
case 4:
result.innerHTML = "جيد جداً";
break;
case 5:
result.innerHTML = "ممتاز";
break;
default:
result.innerHTML = "الدرجة غير صحيحة";
}
}
</script>
</body>
</html></script>
</body>
</html>
- الآن احفظ الملف بتنسيق صفحة ويب .html ثم افتح الملف في المتصفح لديك
- ستظهر لك الصفحة التالية
انقر الزر التالي ثم اكتب درجة الطالب ليظهر لك تقديره
- انقر زر " ماهو تقدير الطالب ؟ "
- ستظهر لك رسالة مع مربع نص تطلب منك ادخال الدرجة ادخل أي رقم من 1 إلى 5
- ثم انقر زر موافق
- لتظهر لك النتيجة