١.٢ المتغيرات

تدريبات

لنُنشئ نافذة منبثقة تعرض رسالة فيها اسمك. أضف ما يلي إلى script.js:

alert('Your Name here');

افتح index.html في المتصفح. ستظهر نافذة منبثقة تحمل اسمك. اسمي نورس، لذا ستكون الرسالة كما يلي:

alert('Nawras');

طلب مني صديقي علي أن أعرض اسمه أيضًا، فغيّرت الرسالة لتتضمّن اسمه:

alert('Ali');

ثم أرادت صديقتي علا عرض اسمها أيضًا، فكتبت في ملفي script.js:

alert('Ola');

قد نستمر في تعديل الرسالة بهذه الطريقة طويلًا. يمكننا بدلًا من ذلك استخدام متغير لتسهيل الأمر.

ما المتغير؟

المتغير اسم نستخدمه لتخزين قيمة والوصول إليها عند الحاجة. لنخزّن الاسم في متغير. يمكن التصريح عن المتغيرات في JavaScript بالكلمة var:

var name;

var name تعني إنشاء متغير جديد اسمه name. المتغير name لم تُسنَد إليه قيمة بعد. لنُسنِد إليه قيمة.

var name = "Nawras";

نستخدم علامة المساواة لإسناد قيمة إلى المتغير، وتُسمّى أيضًا عامل الإسناد لأنها تُسنِد قيمة إلى المتغير.

لاحظ أن وضعنا الاسم Nawras بين علامتي اقتباس مزدوجتين "". يمكننا أيضًا استخدام علامتي اقتباس مفردتين ''. لنجرّب ذلك:

var name = 'Nawras';

---

كيف أعرف أن الشيفرة تعمل؟

يمكننا استخدام alert مرة أخرى.

var name = "Nawras";
alert(name);

لاحظ أن لم نكتب الاسم مباشرةً في رسالة التنبيه هذه المرة، بل استخدمنا اسم المتغير name. احفظ الملف وافتح index.html في المتصفح. ستظهر نافذة منبثقة بالقيمة Nawras. لنستخدم الآن علامتي اقتباس مفردتين:

var name = 'Nawras';
alert(name);

ستظهر النتيجة نفسها في النافذة المنبثقة.

---

لنستبدل نوافذ التنبيه

قد تصبح نوافذ التنبيه مزعجة. لنستخدم الطباعة في وحدة التحكم بدلًا منها. كيف تعمل؟

var name = "Nawras";
console.log(name);

console.log("") تعمل بطريقة مشابهة لـ alert ؛ فهي تعرض الرسالة التي تُمرّرها، لكن داخل وحدة التحكم.

1. انقر بزر الفأرة الأيمن في أي مكان على الصفحة. index.html التالي في المتصفح.

2. اختر فحص (Inspect).

3. اختر تبويب وحدة التحكم (Console) .

4. Nawras ستظهر. رائع!

تدريبات

لنتدرّب قليلًا! اقرأ المطلوب بعناية، وحاول الحل بنفسك.

التمرين 1: اكتب برنامج JavaScript يعرض رسالة ترحيب في وحدة التحكم، مثل "Welcome to my world".

console.log("Welcome to my world!");

أحسنت!

التمرين 2: غيّر الرسالة في التمرين 1 إلى "Welcome to our world!"

console.log("Welcome to our world!");

جيد!

التمرين 3: اعرض الرسالة "Welcome to our world!" ثلاث مرات.

console.log("Welcome to our world!");
console.log("Welcome to our world!");
console.log("Welcome to our world!");

التمرين 4: أعد تغيير الرسالة إلى "Welcome to my world!"، وكرّرها ثلاث مرات. تلميح: اكتب شيفرة أقل!

var message = "Welcome to my world!";
console.log(message);
console.log(message);
console.log(message);

التمرين 5: غيّر الرسالة إلى "This is my beautiful world"، وكرّرها ثلاث مرات.

var message = "This is my beautiful world";
console.log(message);
console.log(message);
console.log(message);

رائع! لم نحتج إلى تعديل الرسالة ثلاث مرات؛ عدّلنا قيمة المتغير مرة واحدة ثم استخدمناه ثلاث مرات. هذه إحدى فوائد المتغيرات.

التمرين 6: اعرض العدد 5 في وحدة التحكم.

console.log("5");

التمرين 7: اجمع 7 و5، واعرض النتيجة في وحدة التحكم.

var num = 5 + 7;
console.log(num);

لاحظ أن أنشأنا متغيرًا يحمل نتيجة جمع 5 و7، ثم طبعنا المتغير num في وحدة التحكم (num=12).

التمرين 8: اعرض نتيجة 10-7 في وحدة التحكم.

var num = 10 - 7;
console.log(num);

في هذه الحالة، num قيمته 3.

التمرين 9: اعرض نتيجة ضرب 5 في 10 في وحدة التحكم.

var num = 5 * 10;
console.log(num);

استخدمنا العامل * للضرب. ستكون النتيجة 50.

التمرين 11: اقسم 100 على 20، واعرض النتيجة في وحدة التحكم.

var num = 100/20;
console.log(num);

استخدمنا العامل / للقسمة. ستكون النتيجة 5. أحسنت!

مشروع: محوّل الوحدات

لنُنشئ محوّل وحدات! المحوّل يحوّل مقدارًا من وحدة قياس إلى أخرى. مثلًا، لتحويل 5 كيلوغرامات إلى غرامات، نستخدم محوّلًا من الكيلوغرام إلى الغرام. كيف يعمل؟

نعلم أن الكيلوغرام يساوي 1000 غرام. إذن 5 كيلوغرامات تساوي 5 × 1000، أي 5000 غرام. لنكتب ذلك بلغة JavaScript.

التمرين 1: حوّل 5 كيلوغرامات إلى غرامات، واعرض النتيجة في وحدة التحكم.

console.log(5 * 1000);

صحيح! يمكنك أيضًا حفظ قيمة الكيلوغرامات في متغير:

var kilograms = 5;
console.log(kilograms * 1000);

صحيح أيضًا! ويمكنك حفظ نتيجة التحويل إلى غرامات في متغير:

var kilograms = 5;
var grams = kilograms * 1000;
console.log(grams);

كيف تعمل هذه الشيفرة؟

1. يقرأ محرّك JavaScript الشيفرة سطرًا بسطر.

2. يُنشئ متغيرًا باسم kilograms ويُسنِد إليه القيمة 5.

3. يُنشئ متغيرًا باسم grams ويُسنِد إليه قيمة المتغير kilograms مضروبةً في 1000. أصبحت قيمة المتغير grams الآن 5000.

4. يعرض قيمة المتغير grams، وهي 5000، في وحدة التحكم.

رائع! أنشأنا محوّلًا من الكيلوغرام إلى الغرام. لنجرّب تحويل 10 كيلوغرامات بالطريقة نفسها.

var kilograms = 10;
var grams = kilograms * 1000;
console.log(grams);

سنحصل على 10000 في وحدة التحكم.

التمرين 2: حوّل 7 أرطال إلى كيلوغرامات، علمًا بأن الرطل الواحد يساوي 0.453592 كيلوغرام.

var pounds = 7;
var kilograms = pounds * 0.453592;
console.log(kilograms);

ستحصل على 3.17515 في وحدة التحكم.

التمرين 3: حوّل مترين إلى أقدام، علمًا بأن المتر الواحد يساوي 3.28084 قدم.

var meters = 2;
var feet = meters * 3.28084;
console.log(feet);

ستحصل على 6.56168 في وحدة التحكم.