ما الذي يمكن أن تفعله JavaScript؟
تُعدّ JavaScript لغة البرمجة الأساسية للويب، وتُستخدم لإضافة التفاعلية والوظائف الديناميكية إلى صفحات المواقع الإلكترونية.
يمكن استخدام JavaScript لإجراء العمليات الحسابية، ومعالجة البيانات والتحقّق من صحتها.
كما تتيح تعديل محتوى HTML وتغيير أنماط CSS، مما يسمح بتحديث عناصر صفحات الويب وتغيير مظهرها دون الحاجة إلى إعادة تحميل الصفحة بالكامل.
يمكن لـ JavaScript تغيير محتوى HTML
توفّر JavaScript العديد من الدوال للتعامل مع عناصر HTML، ومن بينها الدالة getElementById().
يستخدم المثال التالي هذه الدالة للعثور على عنصر HTML يحمل المعرّف “id="demo، ثم يغيّر محتواه باستخدام الخاصية innerHTML ليصبح النص المعروض Hello JavaScript (مرحبًا JavaScript).
تقبل JavaScript استخدام علامتي الاقتباس المزدوجتين (`" "`) أو علامتي الاقتباس المفردتين (`' '`) لكتابة النصوص، ولا يوجد فرق بينهما في هذه الحالة.
يمكن لـ JavaScript تغيير قيم سمات HTML
في هذا المثال، تستخدم JavaScript لتغيير قيمة السمة src (مصدر الصورة) الخاصة بالوسم <img>.
تتيح هذه الإمكانية تغيير الصورة المعروضة في صفحة الويب عن طريق تعديل مسارها باستخدام JavaScript.
يمكن لـ JavaScript تغيير أنماط CSS
يُعدّ تغيير نمط أحد عناصر HTML باستخدام JavaScript أحد أشكال تعديل سمات عناصر HTML.
تتيح لك JavaScript تغيير خصائص CSS لعناصر الصفحة، مثل اللون وحجم الخط والخلفية، مما يسمح بتحديث مظهر الصفحة والتفاعل مع المستخدم.
يمكن لـ JavaScript إخفاء عناصر HTML
يمكن إخفاء عناصر HTML باستخدام JavaScript من خلال تغيير قيمة خاصية CSS المسماة display.
عند تعيين الخاصية display إلى القيمة none، يختفي العنصر من الصفحة، ولا تشغل مساحته مكانًا ضمن تخطيط الصفحة.
يمكن لـ JavaScript إظهار عناصر HTML
يمكن أيضًا إظهار عناصر HTML المخفية باستخدام JavaScript، وذلك عن طريق تغيير قيمة خاصية CSS المسماة display.
على سبيل المثال، عند تعيين الخاصية display إلى القيمة block، يمكن إظهار العنصر مجددًا بعد إخفائه باستخدام القيمة none.
هل تعلم؟
تُعدّ JavaScript وJava لغتين مختلفتين تمامًا، سواء من حيث المفاهيم أو التصميم، رغم التشابه في اسميهما.