جاري التحميل...

العمليات الحسابية

لديك الآن خريطة عائلات المعاملات. هذه الجلسة تغوص في العائلة الحسابية — الرموز التي تعمل غالباً مع الأرقام وتُرجع قيمة جديدة. ستتمرّن على + - * / %، تضبط الترتيب بالأقواس، تحرّك العدّاد بـ ++ و--، ترفع للقوة بـ عامل القوة، وتصلح الفخ الشهير: عندما يلصق + نصاً بدل أن يجمع.

ما هي المعاملات الحسابية؟

المعامل الحسابي يطلب من JavaScript أن يحسب. القيم التي يعمل عليها ما زالت تُسمّى operands. في 12 / 4 الرمز / هو المعامل و12 و4 هما الطرفان. يمكنك تخزين النتيجة أو طباعتها أو عرضها في الصفحة.

المعاملات الخمسة اليومية

📊 المعاملات الحسابية اليومية

المعامل مهمته مثال على النتيجة
+ جمع 7 + 3 → 10
- طرح 7 - 3 → 4
* ضرب 7 * 3 → 21
/ قسمة 7 / 2 → 3.5
% باقي القسمة 7 % 3 → 1

أبقِ هذا الجدول قريباً. القسمة بـ / قد تُرجع كسراً. % ليس «نسبة مئوية» — هو ما يتبقّى بعد القسمة.

خمسة معاملات حسابية

javascript
console.log(20 + 4);
console.log(20 - 4);
console.log(20 * 4);
console.log(20 / 4);
console.log(20 % 4);
console.log(20 / 3);

أنماط الباقي مع %

% يجيب: «ماذا يبقى بعد القسمة؟» هذا الباقي مفيد لفحص زوجي/فردي ومنطق «كل عنصر N».

أنماط باقي القسمة

javascript
console.log(8 % 2);
console.log(9 % 2);
console.log(15 % 5);
console.log(17 % 5);
let n = 12;
console.log(n % 2 === 0);

8 % 2 يساوي 0 (زوجي). 9 % 2 يساوي 1 (فردي). اختبار شائع للزوجية: n % 2 === 0. عندما يكون 15 % 5 صفراً فالعدد يقبل القسمة بلا باقٍ. لاحقاً ستستخدم الباقي داخل الحلقات؛ هنا يكفي أن تقرأ المتبقّي.

الأولوية والأقواس

لا يقيّم JavaScript كل الرموز من اليسار دائماً. الضرب والقسمة عادةً قبل الجمع والطرح. الأقواس تفرض الترتيب الذي تريده — اقرأ داخل (…) أولاً.

الأولوية والأقواس

javascript
console.log(2 + 3 * 4);
console.log((2 + 3) * 4);
console.log(10 - 6 / 2);
console.log((10 - 6) / 2);

بدون أقواس، 2 + 3 * 4 يساوي 14 (الضرب أولاً). مع (2 + 3) * 4 تحصل على 20. عندما يهم الترتيب لسعر أو نتيجة، اكتب الأقواس عمداً.

++ و-- وعامل القوة

++ يزيد المتغيّر العددي بواحد. -- ينقصه بواحد. عامل القوة هو عامل القوةالرفع للقوةعامل القوة. إن لم تكن مرتاحاً بعد، سطر واضح مثل n = n + 1 صحيح أيضاً؛ سترى ++ كثيراً في الحلقات لاحقاً.

زيادة ونقصان وقوة

javascript
let lives = 3;
lives++;
console.log(lives);
lives--;
console.log(lives);
console.log(2 ** 3);
console.log(5 ** 2);

بعد lives++ تصبح القيمة 4. 2 إلى القوة 3 يساوي 8. 5 إلى القوة 2 يساوي 25. اختصارات مثل += لدرس الإسناد التالي — هنا نبقى مع رموز الحساب.

عندما يلصق + بدل أن يجمع

إن كان أحد طرفَي + نصاً، غالباً يحدث دمج. حوّل بـ Number(...) عندما تقصد الجمع العددي.

إصلاح + بـ Number

javascript
console.log("5" + 2);
console.log(Number("5") + 2);
console.log(5 + Number("2"));
let a = "10";
let b = "3";
console.log(Number(a) + Number(b));

"5" + 2 يصبح "52". Number("5") + 2 يصبح 7. نفس فكرة تحويل النوع — تظهر كثيراً في النماذج ونص الصفحة.

اعرض المجموع في الصفحة

احسب فاتورة صغيرة، استخدم الباقي كإشارة، واكتب النتيجة في الصفحة.

مجموع الصفحة مع الحساب

html
<!DOCTYPE html>
<html>
<head>
<title>Arithmetic — page total</title>
</head>
<body>
<p id="out">…</p>
<script>
let price = 12;
let qty = 3;
let shipping = 4;
let total = price * qty + shipping;
let leftover = total % 5;
let box = document.getElementById("out");
box.textContent = "total=" + total + " · rem5=" + leftover;
</script>
</body>
</html>

هنا يعمل * قبل +، فالنتيجة 12 * 3 + 4 → 40. و40 % 5 يساوي 0. غيّر price أو qty أو shipping، حدّث الصفحة، وتحقق من الرقمين.

جرّب بنفسك

  1. اطبع 14 + 5 و14 - 5 و14 * 5 و14 / 5 و14 % 5.
  2. اختبر إن كان 22 زوجياً بـ % و=== 0.
  3. قارن 1 + 2 * 3 مع (1 + 2) * 3.
  4. ابدأ بـ let c = 0، نفّذ c++ مرتين، ثم اطبع c.
  5. اطبع 3 إلى القوة 3 وNumber("8") + 1.
  6. في عرض HTML غيّر qty فقط، حدّث، واقرأ المجموع والباقي الجديدين.

أخطاء شائعة

  • قراءة % على أنه «نسبة مئوية» — هو عامل القوةباقيعامل القوة
  • توقّع أن + يجمع دائماً — الطرف النصي غالباً يلصق
  • نسيان الأقواس عندما لا يجب أن يفوز الضرب/القسمة
  • الخلط بين ++ (تغيير بواحد) و= (تخزين أي قيمة)
  • الحساب على نص العرض بدل الأرقام الخام

خلاصة

  • المعاملات الحسابية: + - * / %
  • % باقي — مفيد للزوجي/الفردي و«كل N»
  • الأقواس تضبط الأولوية؛ عادةً * / قبل + -
  • ++ / -- يغيّران بواحد؛ عامل القوة يرفع للقوة
  • استخدم Number() عندما يلصق +
  • التالي: الإسناد — التخزين والتحديث بـ = وأشباهه

🧠 اختبر معرفتك

جاهز للبدء

اختبر معرفتك

تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع

❓
8
الأسئلة
🎯
70%
للنجاح
♾️
∞
الوقت
🔄
∞
المحاولات

📝 التعليمات

  • اقرأ كل سؤال بعناية
  • اختر أفضل إجابة لكل سؤال
  • يمكنك إعادة الاختبار عدة مرات كما تريد
  • سيتم عرض تقدمك في الأعلى