کد آماده بازی گل یا پوچ | HTML, CSS, JavaScript

یک بازی کلاسیک و نوستالژیک گل یا پوچ که با HTML، CSS و JavaScript خالص پیاده‌سازی شده است.

کاربر باید از بین سه لیوان، لیوانی که توپ زیر آن مخفی شده را حدس بزند. طراحی ساده، تاریک و مینیمال با انیمیشن‌های روان.

🎯 نحوه بازی

بازیکن روی یکی از سه لیوان کلیک می‌کند. اگر توپ زیر آن باشد، پیام "گل!" به رنگ سبز نمایش داده می‌شود. در غیر این صورت پیام "پوچ!" به رنگ قرمز نشان داده می‌شود. با دکمه "شروع دوباره" می‌توان بازی را ریست کرد و توپ به صورت تصادفی زیر یکی از لیوان‌ها قرار می‌گیرد.

⚙️ ویژگی‌ها

• انتخاب تصادفی لیوان برنده در هر دور
• نمایش نتیجه با رنگ سبز (برد) یا قرمز (باخت)
• دکمه شروع دوباره برای بازی مجدد
• افکت hover روی لیوان‌ها
• طراحی تاریک و مینیمال
• کدنویسی تمیز و خوانا
• بدون نیاز به کتابخانه خارجی

🎨 طراحی ظاهری

• پس‌زمینه تیره (#222)
• سه لیوان با رنگ خاکستری و گوشه‌های گرد
• افکت روشن شدن لیوان هنگام هاور
• متن‌های سفید و خوانا
• چیدمان مرکزگرا و مرتب

📦 محتویات فایل‌ها

• index.html — ساختار بازی
• style.css — استایل‌دهی کامل
• script.js — منطق بازی و مدیریت رویدادها

🚀 نحوه استفاده

1. سه فایل را در یک پوشه قرار دهید
2. فایل index.html را با مرورگر باز کنید
3. بازی کنید و لذت ببرید

📋 مشخصات فنی

• تکنولوژی: HTML5, CSS3, JavaScript (Vanilla)
• طراحی: واکنش‌گرا (Responsive)
• وابستگی: بدون کتابخانه خارجی
• تعداد فایل: ۳
• حجم کل: کمتر از ۳ کیلوبایت

🎁 این سورس مناسب چه کسانی است؟

• افراد مبتدی برای یادگیری JavaScript و DOM
• دانشجویان برای پروژه‌های کلاسی
• علاقه‌مندان به بازیسازی با وب
• معلم‌ها برای آموزش مفاهیم برنامه‌نویسی به کودکان

💡 ایده‌های توسعه

• اضافه کردن شمارنده برد و باخت
• اضافه کردن انیمیشن جابجایی لیوان‌ها
• افزایش تعداد لیوان‌ها و انتخاب سطح سختی
• اضافه کردن افکت صوتی برای برد و باخت
• ذخیره رکورد در LocalStorage
• نمایش آمار درصد برد بازیکن
• تبدیل به بازی دو نفره آنلاین