الدرس العاشر استخدام if الشرطية في الجافا سكربت
كبقية لغات البرمجة تعتمد في بناء الكود على تمرير القيم إلى دالة شرطية للتأكد من تحقق الشرط من عدمه وفي الجافا سكربت يمكنك استخدام الدالة الشرطية if (إذا ) للتحقق من شرط محدد بالطريقة التالية
if(الشرط)
{
//الكود الذي يتم تنفيذه عند تحقق الشرط
}
بالطريقة السابقة سيتم فحص الشرط وفي حال تحققه أي انه يعود بالقيمة صواب true فإنه سوف ينفذ وإذا عاد بقيمة خطأ فسيتم تجاهل الكود
لكن ماذا لو أردنا أن نضع كود آخر يتم في حالة عدم تحقق الشرط وعودته بالقيمة خطأ false ؟
بسهولة نضيف العبارة else (غير ذلك ) ثم نكبت بين القوسين أسفل منها الكود الذي نريده كما في الطريقة التالية :
if(الشرط)
{
//الكود الذي يتم تنفيذه عند تحقق الشرط
}
else
{
//الكود الذي يتم تنفيذه عند عدم تحقق الشرط
}
لكن لحظة .. ماذا لو كانت لدينا مجموعة من الشروط ونود أن نكتبها في العبارة الشرطية if (إذا )
الجواب نستخدم else if ( غير ذلك , إذا ) وفي آخر الدالة يجب أن نضع العبارة else (غير ذلك ) حيث سوف يتم تنفيذها في حالة عدم تحقق أي شرط من الشروط في if أو else if كما في الطريقة التالية :
if(الشرط 1)
{
//الكود الذي يتم تنفيذه عند تحقق الشرط 1
}
else if(الشرط 2)
{
//الكود الذي يتم تنفيذه عند تحقق الشرط 2
}
else if (الشرط 3)
{
//الكود الذي يتم تنفيذه عند تحقق الشرط 3
}
.
.
.
else if(الشرط n)
{
//الكود الذي يتم تنفيذه عند تحقق الشرط n
}
else
{
//الكود الذي يتم تنفيذه عند عدم تحقق أي شرط مما سبق
}
دعونا نشرح ذلك بمثال بسيط يأخذ القيمة التي يقوم المستخدم بإدخالها ثم يفحصها هل هي عدد موجب ؟ أم صفر ؟ أم عدد سالب ؟ أم غير ذلك ؟ :
- افتح المفكرة أو أي برنامج محرر لكود الجافا سكربت لديك
- اكتب الكود التالي
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>الدرس العاشراستخدام if</title>
</head>
<body dir="rtl">
<button onclick="myFunc()"> انقر هنا لإختبار المدخلات if </button>
<p id="r1"></p>
<script>
function myFunc()
{
var num1
var message;
num1 = prompt("فضلا أدخل أي رقم يخطر ببالك ...");
if (num1 > 0)
{
document.getElementById("r1").innerHTML = "<h1>لقد أدخت رقم موجب</h1>";
}
else if (num1 == 0)
{
document.getElementById("r1").innerHTML = "<h1>لقد أدخلت صفر</h1>";
}
else if (num1 < 0)
{
document.getElementById("r1").innerHTML = "<h1>لقد أدخلت رقم سالب</h1>";
}
else
{
document.getElementById("r1").innerHTML = "<h1>عفواً: أدخل رقم فقط</h1>";
}
}
</script>
</body>
</html>
- احفظ الملف بتنسيق صفحة ويب .html
- شغل الملف باستخدام متصفح الإنترنت لديك لتظهر لك فيها زر واحد
- انقر على الزر "انقر هنا لإختبار المدخلات if"
- ستظهر رسالة إدخال اكتب أي رقم فيها ثم انقر زر OK
- سيتم كتابة النتيجة على شاشة المتصفح حسب الرقم الذي أدخلته