الدرس الرابع ربط النتائج بالمتغيرات في الجافا سكربت
في الدرس السابق تحدثنا عن العمليات الحسابية في الجافا سكربت
لكن دعونا نفترض أن لدينا متغير مثل num1 ونقوم بأكثر من عملية رياضية ونود أن "نضيف ناتج العملية الرياضية إلى المتغير كل مرة "
الكثير سيقول لنكتب في الكود num1 = num1 + ناتج العملية
هذا صحيح لكن هنالك طرق مختصرة وأسهل وهي :
العلامة :
+= ومعنى هذه العلامة هي إضافة الناتج إلى قيمة المتغير الحالية .
-+ ومعنى هذه العلامة تنقيص الناتج من قيمة المتغير الحالية .
*= ضرب الناتج مع قيمة المتغير الحالية .
/= قسمة الناتج مع قيمة المتغير الحالية .
%= إعطاء باقي القسمة على قيمة المتغير الحالية .
وأما استخدام علامة المساوه فقط = فهي تلغي القيمة الموجودة في المتغير وتساويه بالقيمة الجديدة .
وفيما يلي مثال على ذلك .
- افتح المفكرة في جهازك او أي محرر لأكود الجافا سكربت
- اكتب الكود التالي
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>ربط النتائج بالمتغيرات في الجافا سكربت</title>
</head>
<body>
<h1>ربط النتائج بالمتغيرات </h1>
<p id="op1"></p>
<p id="op2"></p>
<p id="op3"></p>
<p id="op4"></p>
<p id="op5"></p>
<p id="op6"></p>
<script>
// = المساواه فقط
// لاحظ أن المتغير 1 سيحفتظ بنفس قيمة المتغير 2
var num1 = 10;
var num2 = 5;
num1=num2;
document.getElementById("op1").innerHTML = "num1=num2 مساواة المتغير 1 مع 2 "+"<br/>"+ num1;
// += إضافة الناتج
// لاحظ أن المتغير 1 سيقوم بإضافة قيمة المتغير الثاني مع القيمة التي يحتفظ بها
var num1=10;
var num2=5;
num1+=num2;
document.getElementById("op2").innerHTML = "num1+=num2 إضافة قيمة المتغير 1 ل2 "+"<br/>"+num1;
// -= طرح الناتج
// لاحظ أن المتغير 1 سيقوم بطرح قيمة المتغير الثاني مع القيمة التي يحتفظ بها
var num1=10;
var num2=5;
num1-=num2;
document.getElementById("op3").innerHTML = "num1-=num2 طرح قيمة المتغير 2 من المتغير 1 "+"<br/>" + num1;
// *= ضرب الناتج
// لاحظ أن المتغير 1 سيقوم بضرب قيمة المتغير الثاني مع القيمة التي يحتفظ بها
var num1=10;
var num2=5;
num1*=num2;
document.getElementById("op4").innerHTML="num1*=num2 ضرب قيمة المتغير 1 مع المتغير 2 "+"<br/>"+num1;
// *= قسمة الناتج
// لاحظ أن المتغير 1 سيقوم بقسمة قيمة المتغير الثاني مع القيمة التي يحتفظ بها
var num1=10;
var num2=5;
num1/=num2;
document.getElementById("op5").innerHTML="num1/=num2 قسمة قيمة المتغير 1 على المتغير 2 "+"<br/>"+ num1;
// %= باقي قسمة الناتج
// لاحظ أن المتغير 1 سيقوم بحساب باقي القسمة لقيمة المتغير الثاني مع القيمة التي يحتفظ بها
var num1=10;
var num2=5;
num1%=num2;
document.getElementById("op6").innerHTML="num1%=num2 باقي قسمة المتغير 1 على المتغير 2 "+"<br/>"+num1;
</script>
</body>
</html>
- احفظ الملف بتنسيق صفحة ويب .html
- شغل الملف في المتصفح لتظهر لك العبارات التالية
ربط النتائج بالمتغيرات
num1=num2 مساواة المتغير 1 مع 2
5
num1+=num2 إضافة قيمة المتغير 1 ل2
15
num1-=num2 طرح قيمة المتغير 2 من المتغير 1
5
num1*=num2 ضرب قيمة المتغير 1 مع المتغير 2
50
num1/=num2 قسمة قيمة المتغير 1 على المتغير 2
2
num1%=num2 باقي قسمة المتغير 1 على المتغير 2
0