JavaScript إذا ... آخر
مثال
إذا كانت الساعة أقل من 20 ، فاخرج "Good day":
let hour = new Date().getHours();
if (hour < 20) {
document.getElementById("demo").innerHTML = "Good day";
}
إخراج "Good day" أو "Good night":
let hour = new Date().getHours();
if (hour < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تقوم عبارة if / else بتنفيذ كتلة من التعليمات البرمجية إذا كان الشرط المحدد صحيحًا. إذا كان الشرط خاطئًا ، فيمكن تنفيذ كتلة أخرى من التعليمات البرمجية.
تعتبر عبارة if / else جزءًا من العبارات "الشرطية" في JavaScript ، والتي تُستخدم لأداء إجراءات مختلفة بناءً على شروط مختلفة.
في JavaScript لدينا العبارات الشرطية التالية:
- استخدمه في حالة تحديد كتلة من التعليمات البرمجية ليتم تنفيذها ، إذا كان الشرط المحدد صحيحًا
- استخدم else لتحديد كتلة من التعليمات البرمجية ليتم تنفيذها ، إذا كان الشرط نفسه خاطئًا
- استخدم else إذا كنت تريد تحديد شرط جديد للاختبار ، إذا كان الشرط الأول خاطئًا
- استخدم مفتاح التبديل لتحديد واحدة من العديد من مجموعات التعليمات البرمجية المراد تنفيذها
بناء الجملة
تحدد عبارة if كتلة من التعليمات البرمجية ليتم تنفيذها إذا كان الشرط صحيحًا:
if (condition) {
// block of code to be executed if the condition is true
}
تحدد تعليمة else كتلة من التعليمات البرمجية ليتم تنفيذها إذا كان الشرط خاطئًا:
if (condition) {
// block of code to be executed if the condition is true
}
else {
// block of code to be executed if the condition is false
}
تحدد عبارة else if شرطًا جديدًا إذا كان الشرط الأول خاطئًا:
if (condition1) {
// block of code to be executed if condition1 is true
}
else if (condition2) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}
قيمه المعامل
| Parameter | Description |
|---|---|
| condition | Required. An expression that evaluates to true or false |
مزيد من الأمثلة
إذا كان الوقت أقل من 10:00 ، فأنشئ تحية "صباح الخير" ، وإذا لم يكن الأمر كذلك ، ولكن الوقت أقل من 20:00 ، فأنشئ تحية "يوم جيد" ، أو "مساء الخير":
var time = new Date().getHours();
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
إذا كان العنصر <div> الأول في المستند يحتوي على معرف "myDIV" ، فقم بتغيير حجم الخط الخاص به:
var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") {
x.style.fontSize = "30px";
}
غيّر قيمة سمة المصدر (src) لعنصر <img> ، إذا نقر المستخدم على الصورة:
<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
<script>
function changeImage() {
var image = document.getElementById("myImage");
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}
</script>
عرض رسالة بناءً على إدخال المستخدم:
var letter = document.getElementById("myInput").value;
var text;
// If the letter is "c"
if (letter === "c") {
text = "Spot on! Good job!";
// If the letter is "b" or "d"
} else if (letter === "b" || letter === "d") {
text = "Close, but not close enough.";
// If the letter is anything else
} else {
text = "Waaay off..";
}
التحقق من صحة بيانات الإدخال:
var x, text;
// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;
// If x is Not a Number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"
if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid";
} else {
text = "Input OK";
}
الصفحات ذات الصلة
دروس JavaScript: JavaScript If ... Else Statements
دروس JavaScript: بيان تبديل JavaScript
دعم المتصفح
if...else هي إحدى ميزات ECMAScript1 (ES1).
ES1 (JavaScript 1997) مدعوم بالكامل في جميع المتصفحات:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |