شرح صفوف ومحتوى الفقرة
بعد بناء الهيكل بلغة وتجميله بلغة ، تظل الصفحة ثابتة حتى تتدخل لغة JavaScript (). فهي لغة البرمجة التي تعمل داخل المتصفح لتحويل الصفحة إلى تطبيق تفاعلي ذكي:
- الاستجابة لأفعال المستخدم (): ترصد نقرات الفأرة ولمسات الشاشة والكتابة في حقول البحث لتنفذ الأمر المطلوب في اللحظة نفسها.
- تحديث المحتوى حياً دون إعادة تحميل الصفحة: تستطيع فتح النوافذ المنبثقة، وحساب مجموع سلة المشتريات، وجلب الإشعارات الجديدة من الخادم مع بقاء المستخدم في مكانه.
- التحقق الفوري من المدخلات: تتأكد قبل إرسال النموذج من أن المستخدم كتب بريداً إلكترونياً بصيغة صحيحة ولم يترك الحقول الإلزامية فارغة.
انظر إلى هذا المثال المبسط الذي يوضح كيف تستجيب لنقرة المستخدم على زر تبديل المظهر:
JavaScript
const themeBtn = document.getElementById('theme-btn');
themeBtn.addEventListener('click', () => {
document.body.classList.toggle('dark-mode');
});