الدرس الثالث
العمليات الحسابية الأساسية في الجافا سكربت
نستطيع باستخدام الجافا سكربت إجراء العمليات الحسابية الأساسية
مثل الجمع بعلامة +
والطرح بعلامة –
والضرب بعلامة *
والقسمة بعلامة /
وخارج القسمة باستخدام العلامة %
وهذا يتضح في المثال التالي
ملاحظة نستخدم الفنكشن document.getElementById للكتابة داخل عنصر ال HTML في الصفحة بحسب اسم ال ID
- افتح المفكرة في جهازك أو أي برنامج لتحرير كود الجافا سكربت
- اكتب الكود التالي
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>العمليات الحسابية باستخدام الجافا سكربت</title>
</head>
<body>
<h1>العمليات الحسابية في الجافا سكربت</h1>
<p id="add"></p>
<p id="sub"></p>
<p id="mul"></p>
<p id="div"></p>
<p id="mod"></p>
<script>
//نفرض وجود رقمين لنقوم بالعمليات الرياضية عليهما
var num1=12;
var num2=6;
var result;
//الجمع ( + )
var add= num1+ num2;
document.getElementById("add").innerHTML = "مجموع الرقمين 12 و 6 هو :" + add;
//الطرح (- )
var subs=num1-num2;
document.getElementById("sub").innerHTML = "الفرق بين الرقمين 12 و 6 هو :" + subs;
//الضرب (* )
var mul= num1*num2;
document.getElementById("mul").innerHTML = "ناتج ضرب الرقمين 12 و 6 هو :"+ mul;
//القسمة ( / )
var div= num1/num2;
document.getElementById("div").innerHTML = "نتيجة قسمة 12 على 6 هو :"+ div;
//باقي القسمة ( % )
var mod= num1%num2;
document.getElementById("mod").innerHTML = "باقي القسمة 12 على 6 هو :"+ mod;
</script>
</body>
</html>
-
- احفظ الملف كصفحة ويب بامتداد .html
- ستظهر لك العبارات التالية :
العمليات الحسابية في الجافا سكربت
مجموع الرقمين 12 و 6 هو :18
الفرق بين الرقمين 12 و 6 هو :6
ناتج ضرب الرقمين 12 و 6 هو :72
نتيجة قسمة 12 على 6 هو :2
باقي القسمة 12 على 6 هو :0