تحدي 30 يوم باستخدام JavaScript
🔹 التقنيات المستخدمة
HTML → هيكل الصفحة (العناصر، الدوائر، النص)
CSS → التصميم (الألوان، الـ Glow، الشكل)
JavaScript → التفاعل (الضغط على الدوائر + حساب التقدم)
🔹 كيف شغال فعليًا
يولّد 30 دائرة باستخدام JavaScript
عند الضغط:
يضيف/يشيل checked
يحسب عدد الأيام المكتملة
يحدّث النص مباشرة
❌ مو مربوط بقاعدة بيانات
❌ ما يحفظ التقدم
✔️ يشتغل فقط داخل الصفحة (Session مؤقت)
🔹 لو قفلت الصفحة
كل شيء يرجع صفر
لحفظ التقدم → localStorage (بدون سيرفر)
أو ربطه بـ Backend زي Firebase
ملاحظة الكود مجاني للاستخدام الشخصي فقط لطلب برمجه الكود تواصل عن طريق البريد
تم وضع رابط الكود سوف يحولك لموقع الشخصي Codepen
.......
من هنا تحصل على الكود
.......
.......
.jpeg)
تعليقات
إرسال تعليق