الدرس الخامس في الجافا سكربت
المقارنات
يمكننا في الجافا سكربت كما في بقية لغات البرمجة المقارنة بين القيم أو بين القيم وأنواع القيم
حيث تعود المقارنة بإحدى نتيجة الشرط صواب ( true ) أو خطأ ) false )
ونستخدم للمقارنة في الجافا سكربت احدى العلامات التالية
==
|
تعود بقيمة صواب ( true ) في حال تساوي القيمتان
|
===
|
تعود بقيمة صواب ( true ) في حال تساوي القيمتان ونوعية القيمة ( type )
|
!=
|
تعود بقيمة صواب ( true ) في حال عدم تساوى القيمتان
|
!==
|
تعود بقيمة صواب ( true ) في حال عدم تساوى القيمتان ونوعية القيمة ( type )
|
>
|
تعود بقيمة صواب ( true ) في حال القيمة الأولى أكبر من القيمة الثانية
|
<
|
تعود بقيمة صواب ( true ) في حال القيمة الأولى أصغر من القيمة الثانية
|
>=
|
تعود بقيمة صواب ( true ) في حال القيمة الأولى أكبر من أو تساوي القيمة الثانية
|
<=
|
تعود بقيمة صواب ( true ) في حال القيمة الأولى أصغر من أو تساوي القيمة الثانية
|
الآن دعونا نطبق ذلك في مثال
- افتح المفكرة أو أي محرر لأكواد الجافا سكربت
- اكتب الكود التالي
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>المقارنات في الجافا سكربت</title>
</head>
<body>
<p>فيما يلي نتيجة المقارنات في الكود في الجافا سكربت حيث true تعني صواب و false تعني خطأ</p>
<p>علماً أن قيمة المغير num هي 7</p>
<p id="op1"></p>
<p id="op2"></p>
<p id="op3"></p>
<p id="op4"></p>
<p id="op5"></p>
<p id="op6"></p>
<p id="op7"></p>
<p id="op8"></p>
<script>
var num = 7;
// == نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op1").innerHTML = "(num == 8) is "+(num == 8);
// === نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op2").innerHTML = "(num === 8) is "+(num === 8);
// != نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op3").innerHTML = "(num != 8) is "+(num != 8);
//!== نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op4").innerHTML ="(num !== 8) is"+ (num !== 8);
//> نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op5").innerHTML = "(num > 8) is "+(num > 8);
// < نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op6").innerHTML = "(num < 8) is "+(num < 8);
//>= نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op7").innerHTML = "(num >= 8) is "+(num >= 8);
//<= نتيجة المقارنة بين الرقم 7 و8 بالعلامة
document.getElementById("op8").innerHTML ="(num <= 8) is "+ (num <= 8);
</script>
</body>
</html>
- احفظ الملف بتنسيق صفحة ويب HTML
- شغل الملف في المتصفح لتظهر لك النتيجة التالية :
فيما يلي نتيجة المقارنات في الكود في الجافا سكربت حيث true تعني صواب و false تعني خطأ
علماً أن قيمة المغير num هي 7
(num == 8) is false
(num === 8) is false
(num != 8) is true
(num !== 8) istrue
(num > 8) is false
(num < 8) is true
(num >= 8) is false
(num <= 8) is true