Guess Number (pixel skin)

المشروع هو لعبة ويب تسمى "تخمين الرقم السري". إنها لعبة بسيطة تعتمد على تخمين اللاعب لرقم سري يتراوح بين 1 و 20. يستخدم المشروع HTML و CSS و JavaScript لإنشاء واجهة اللعبة ووظائفها.

ملف HTML (`index.html`) يحتوي على هيكل الصفحة . يتضمن عناصر مثل رأس اللعبة، عرض الأرقام، حقل إدخال للتخمين، أزرار للتحقق واللعب مرة أخرى، عرض النقاط، وقسم عرض إضافي في شكل نافذة منبثقة.

ملفات CSS (`styles.css`, `responsive.css`, `reset.css`) تحدد الأنماط وتخطيط عناصر اللعبة. تتحكم في المظهر البصري والتموضع واستجابة المكونات في اللعبة. تم تحديد الخطوط المستخدمة في المشروع أيضًا باستخدام قاعدة `@font-face`.

ملف JavaScript (`index.js`) يحتوي على المنطق ووظائف اللعبة. يتعامل مع تفاعلات المستخدم، يولد رقم سري عشوائي، يتحقق من الرقم المخمّن مقابل الرقم السري، يحدث النقاط، يعرض رسائل، ويتعامل مع القسم الإضافي للمعلومات الإضافية.

تبدأ اللعبة برقم سري عشوائي يتم توليده بين 1 و 20. يقوم اللاعب بإدخال تخمينه في حقل الإدخال وينقر على زر "التحقق!" لمعرفة ما إذا كان تخمينه صحيحًا. تقدم اللعبة ردود فعل حول ما إذا كان التخمين أعلى أو أقل من الرقم السري. تنخفض النقاط مع كل تخمين غير صحيح، وتحتفظ النقاط العالية بأفضل نتيجة تم تحقيقها. تتيح اللعبة أيضًا للاعب إعادة اللعب وإعادة ضبط النقاط والرسالة والرقم السري.

بالإضافة إلى ذلك، هناك قسم إضافي في شكل نافذة منبثقة يمكن فتحه لعرض رسالة حول اللعبة والمطور. يمكن إغلاق القسم الإضافي عن طريق النقر على زر الإغلاق أو خارج القسم الإضافي.

يهدف المشروع إلى عرض مهارات المطور في تطوير الويب وتوفير تجربة لعب تفاعلية وشيقة للمستخدمين.