کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه بازی با جاوااسکریپت سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
در اینجا یک پروژه ساده برای ایجاد یک **بازی تقسیم‌کننده خوش‌شانس (Lucky Divisor Game)** با استفاده از HTML، CSS و JavaScript ارائه شده است. در این بازی، کاربران عددی را وارد می‌کنند و سپس برنامه تمام مقسوم‌علیه‌های آن عدد را نمایش می‌دهد. اگر یک مقسوم‌علیه خاص خوش‌شانس باشد (مثلاً، یک عدد خاص که کاربر آن را مشخص کرده است)، آن مقسوم‌علیه به صورت خاص نمایش داده می‌شود.
### 1. **HTML**
ابتدا ساختار HTML را برای بازی ایجاد می‌کنیم.
```html
بازی تقسیم‌کننده خوش‌شانس
بازی تقسیم‌کننده خوش‌شانس
مقسوم‌علیه‌ها:
```
### 2. **CSS**
سپس از CSS برای طراحی ظاهر بازی استفاده می‌کنیم.
```css
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
}
.container {
text-align: center;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
input {
width: 200px;
padding: 10px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
button {
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: white;
cursor: pointer;
transition: background-color 0.3s;
}
button:hover {
background-color: #0056b3;
}
ul {
list-style-type: none;
padding: 0;
}
li {
padding: 10px;
margin: 5px 0;
border-radius: 5px;
background-color: #f9f9f9;
}
.lucky {
background-color: #28a745;
color: white;
}
```
### 3. **JavaScript**
اکنون به سراغ پیاده‌سازی منطق بازی با JavaScript می‌رویم. در این کد، ما مقسوم‌علیه‌های عدد ورودی را محاسبه می‌کنیم و مقسوم‌علیه خوش‌شانس را به صورت ویژه نمایش می‌دهیم.
```javascript
const numberInput = document.getElementById('numberInput');
const luckyDivisorInput = document.getElementById('luckyDivisor');
const findDivisorsBtn = document.getElementById('findDivisorsBtn');
const divisorList = document.getElementById('divisorList');
// تابعی برای پیدا کردن مقسوم‌علیه‌ها
function findDivisors() {
const number = parseInt(numberInput.value);
const luckyDivisor = parseInt(luckyDivisorInput.value);
divisorList.innerHTML = '';
if (isNaN(number) || number <= 0) {
alert('لطفاً یک عدد مثبت وارد کنید.');
return;
}
// پیدا کردن مقسوم‌علیه‌ها
for (let i = 1; i <= number; i++) {
if (number % i === 0) {
const li = document.createElement('li');
li.textContent = i;
// بررسی خوش‌شانس بودن مقسوم‌علیه
if (i === luckyDivisor) {
li.classList.add('lucky');
li.textContent += ' (خوش‌شانس!)';
}
divisorList.appendChild(li);
}
}
}
// رویداد کلیک برای دکمه پیدا کردن مقسوم‌علیه‌ها
findDivisorsBtn.addEventListener('click', findDivisors);
```
### توضیحات کد:
1. **HTML**: شامل ورودی برای عدد و مقسوم‌علیه خوش‌شانس، و دکمه‌ای برای پیدا کردن مقسوم‌علیه‌ها است.
2. **CSS**: طراحی صفحه با استفاده از رنگ‌ها و حاشیه‌ها برای زیبایی.
3. **JavaScript**:
- **تابع `findDivisors`**: این تابع مقسوم‌علیه‌های عدد ورودی را محاسبه می‌کند و اگر مقسوم‌علیه خوش‌شانس باشد، آن را به صورت خاص نمایش می‌دهد.
- **بررسی ورودی**: اگر ورودی عدد منفی یا غیر معتبر باشد، یک هشدار نمایش داده می‌شود.
- **رویداد کلیک برای دکمه `findDivisorsBtn`**: این رویداد تابع `findDivisors` را صدا می‌زند تا مقسوم‌علیه‌ها محاسبه شوند.
### نتیجه‌گیری
این بازی تقسیم‌کننده خوش‌شانس یک پروژه سرگرم‌کننده و آموزنده برای یادگیری JavaScript و کار با DOM در صفحات وب است. شما میتوانید ویژگی‌های بیشتری مانند انتخاب چند مقسوم‌علیه خوش‌شانس، زمان‌سنج برای حل بازی و ... به این پروژه اضافه کنید. از کدنویسی لذت ببرید!
| صفحه قابل مشاهده:
دانلود پروژه بازی تقسیم‌کننده خوش‌شانس (Lucky Divisor Game)** با استفاده از HTML، CSS و JavaScript می‌باشد
