تحدي 30 يوم باستخدام JavaScript


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

HTML → هيكل الصفحة (العناصر، الدوائر، النص)

CSS → التصميم (الألوان، الـ Glow، الشكل)

JavaScript → التفاعل (الضغط على الدوائر + حساب التقدم)

🔹 كيف شغال فعليًا

يولّد 30 دائرة باستخدام JavaScript

عند الضغط:

يضيف/يشيل checked

يحسب عدد الأيام المكتملة

يحدّث النص مباشرة

❌ مو مربوط بقاعدة بيانات

❌ ما يحفظ التقدم

✔️ يشتغل فقط داخل الصفحة (Session مؤقت)

🔹 لو قفلت الصفحة

كل شيء يرجع صفر 

لحفظ التقدم → localStorage (بدون سيرفر)

أو ربطه بـ Backend زي Firebase

ملاحظة الكود مجاني للاستخدام الشخصي فقط لطلب برمجه الكود تواصل عن طريق البريد
تم وضع رابط الكود سوف يحولك لموقع الشخصي
Codepen

.......

تعليقات

المشاركات الشائعة من هذه المدونة

من الفكرة إلى الهوية البصرية المُكتملة مع المُولّد الذكي