digital clock

تنفيذ تطبيق ساعة رقمية تفاعلية باستخدام HTML وCSS وJavaScript مع تحديث الوقت والتاريخ في الزمن الحقيقي كل ثانية.

قمت بتصميم واجهة مستخدم بسيطة ومركزة باستخدام Bootstrap مع تنسيق مخصص Dark Mode لعرض الساعة بشكل واضح وجذاب. تم تطوير منطق التوقيت باستخدام JavaScript عبر كائن Date مع تحويل النظام من 24 ساعة إلى 12 ساعة وإضافة AM/PM وتحسين عرض الأرقام بصيغة رقمين (Leading Zero).

المهام التي تم تنفيذها:

-عرض الوقت بصيغة HH:MM:SS مع تحديث تلقائي كل 1 ثانية باستخدام setInterval

- إظهار التاريخ الكامل (اليوم، الشهر، السنة) بشكل ديناميكي

- معالجة تنسيق الوقت وتحويله من 24h إلى 12h

- تحسين تجربة المستخدم عبر واجهة Responsive تعمل على جميع الشاشات

- تنظيم الكود وفصله إلى HTML للهيكل وCSS للتصميم وJavaScript للمنطق

التقنيات المستخدمة:

HTML5

CSS3

JavaScript (DOM Manipulation & Date API)

Bootstrap