مثال
إذا كان الوقت الحالي (HOUR) هو أقل من 20:00، خرج "Good day" في عنصر مع معرف = "التجريبي":
var time = new Date().getHours();
if (time < 20) {
document.getElementById("demo").innerHTML = "Good day";
}
وستكون النتيجة:
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
وإذا / بيان آخر تنفيذ كتلة من التعليمات البرمجية إذا كان الشرط المحدد صحيحا. إذا كان الشرط هو زائف، كتلة أخرى من التعليمات البرمجية التي يمكن تشغيلها.
وإذا / بيان آخر جزء من جافا سكريبت "Conditional" البيانات، والتي تستخدم لتنفيذ إجراءات مختلفة استنادا إلى ظروف مختلفة.
في جافا سكريبت لدينا العبارات الشرطية التالية:
- استخدام if لتحديد كتلة من التعليمات البرمجية ليتم تنفيذها، إذا كان الشرط المحدد صحيحة
- استخدام else لتحديد كتلة من التعليمات البرمجية ليتم تنفيذها، إذا كان الشرط نفس خاطئة
- استخدام else if لتحديد حالة جديدة لاختبار، وإذا كان الشرط الأول غير صحيحة
- استخدام switch لاختيار واحد من كتل كثيرة من التعليمات البرمجية ليتم تنفيذها
دعم المتصفح
بيان | |||||
---|---|---|---|---|---|
if/else | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
يحدد إذا بيان كتلة من التعليمات البرمجية ليتم تنفيذها إذا كان الشرط صحيحا:
if ( يحدد بيان آخر كتلة من التعليمات البرمجية ليتم تنفيذها إذا كان الشرط غير صحيحة:
if ( وآخر إذا يحدد بيان حالة جديدة إذا كان الشرط الأول غير صحيحة:
if ( قيم معلمة معامل وصف condition مطلوب. تعبير يقيم إلى صحيحة أو خاطئة
تفاصيل تقنية
نسخة جافا سكريبت: 1.0
مزيد من الأمثلة
مثال
إذا كان الوقت هو أقل من 20:00، إنشاء "Good day" تحية، وإلا "Good evening" :
var time = new Date().getHours();
if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
ونتيجة لتحية على النحو التالي:
انها محاولة لنفسك »
مثال
إذا كان الوقت هو أقل من الساعة 10:00 صباحا، إنشاء "Good morning" تحية، إن لم يكن، ولكن الوقت هو أقل من 20:00، إنشاء "Good day" تحية، وإلا "Good evening" :
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";
} انها محاولة لنفسك »
مثال
تغيير قيمة source السمة (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 "c" or "e"
}
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";
} انها محاولة لنفسك »
صفحات ذات صلة
جافا سكريبت تعليمي: جافا سكريبت إذا ... القوائم شيء آخر
جافا سكريبت تعليمي: جافا سكريبت تحويل الإعلان
<جافا سكريبت القوائم المرجعية