مشروع: لعبة النرد التفاعلية (Dice Game)
وصف المشروع:
لعبة نرد ثنائية اللاعبين تتيح لكل لاعب إلقاء النرد بشكل عشوائي، ويقوم النظام تلقائيًا بتحديد النتيجة وإعلان الفائز . تم تطوير اللعبة باستخدام HTML, CSS, JavaScript مع التركيز على واجهة رسومية تفاعلية وسهلة الاستخدام.
تفاصيل وآلية العمل:
عند فتح اللعبة، يتم عرض نردين يمثلان كل لاعب.
عند الضغط على زر "Roll Dice"، يتم توليد أرقام عشوائية بين 1 و6 لكل لاعب باستخدام Math.random().
يتم تغيير صور النرد تلقائيًا بناءً على الرقم العشوائي.
يتم اضافة الرقم العشوائي الي مخزن current score ويستمر اللاعب باللعب وجمع النقاط حتي يضغط علي زر Hold لحفظ القيمة الحالية او عند ظهور رقم 1 وحينها يفقد المتسابق جميع النقاط الغير مخزنة ويذهب الدور الى اللاعب الثانى
تفاصيل الكود:
استخدام DOM Manipulation لتحديث الصور والنصوص ديناميكيًا.
استدعاء الدوال عند الحدث click لتنفيذ اللعبة في كل مرة.
فصل التصميم (CSS) عن المنطق البرمجي (JavaScript) لسهولة الصيانة.
إمكانية إضافة مميزات مستقبلية مثل: احتساب النقاط، إضافة أصوات، أو دعم أكثر من جولـة.
التقنيات المستخدمة:
HTML5: لتحديد الهيكل العام للعناصر.
CSS3: لتنسيق الواجهة وإضافة تأثيرات بصرية بسيطة.
JavaScript: لبرمجة المنطق العشوائي والتحكم بالواجهة