أول برنامج JavaScript والمتغيّرات

١اللغة الثالثة: التفاعل

تعلمت HTML للمحتوى و CSS للشكل. أما JavaScript فلغة برمجة حقيقية تعمل داخل المتصفح: تحسب، وتقرر، وتستجيب لضغطات الزائر. وأنت تعرف أساسيات البرمجة من مقرر 111، فستجد الأفكار نفسها بكتابة مختلفة.

console.log("مرحبًا من JavaScript");console.log(5 + 3);

console.log في JavaScript مثل print في بايثون: تطبع في نافذة Console. وكل أمر ينتهي بفاصلة منقوطة ;.

٢أين نكتب JavaScript؟

مثل CSS: الأفضل ملف خارجي script.js نربطه في آخر body:

<h1>صفحتي</h1><script src="script.js"></script>

console.log("الملف script.js يعمل!");

• نضع <script src="script.js"></script> قبل </body> مباشرة، حتى تُحمَّل عناصر الصفحة أولًا.
• لرؤية Console في متصفحك: اضغط F12 ثم تبويب Console. هناك تظهر الرسائل والأخطاء.

٣المتغيّرات: let و const

let name = "سارة";let age = 19;const city = "جدة"; age = age + 1;console.log(name, age, city);

الفرق عن بايثون: نكتب let أو const عند أول ظهور للمتغير فقط.

٤أنواع البيانات

console.log(typeof 42);console.log(typeof 3.5);console.log(typeof "قهوة");console.log(typeof true);console.log(typeof undefined);

٥دمج النصوص، وفخ الجمع

نستخدم القالب النصي بعلامة الاقتباس المائلة ` لوضع المتغيّرات داخل النص بـ ${}:

const item = "قهوة";const price = 12;console.log(`سعر ${item} هو ${price} ريالًا`); console.log("5" + 3);console.log(Number("5") + 3);

انتبه: "5" + 3 تعطي "53"! لأن العلامة + مع النص تعني «الدمج». حوّل النص إلى عدد بـ Number() أولًا، مثل int() في بايثون.