کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش سایر بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
ساخت یک بازی ساده با نام **Dice Roll Game** با استفاده از JavaScript پروژهای جالب و آموزشی است که به شما امکان میدهد با مفهوم تعامل کاربر و نحوه مدیریت رویدادها در JavaScript آشنا شوید. در این بازی، کاربران میتوانند تاس را پرتاب کرده و نتیجه آن را مشاهده کنند.
### توضیحات پروژه
بازی تاسزنی یک بازی ساده است که کاربر میتواند با کلیک بر روی یک دکمه، تاس را پرتاب کند و نتیجه آن را ببیند. بازی میتواند با استفاده از تاسهای چند وجهی یا ساده پیادهسازی شود. در این پروژه، ما از یک تاس شش وجهی استفاده خواهیم کرد.
### ویژگیهای اصلی پروژه
1. **پرتاب تاس**: با کلیک بر روی دکمه، تاس پرتاب میشود.
2. **نمایش نتیجه**: نتیجه پرتاب تاس به صورت عددی نمایش داده میشود.
3. **تاریخچه پرتابها**: نمایش تاریخچه پرتابهای قبلی تاس.
### کد منبع نمونه
#### ۱. ایجاد فایل HTML
ابتدا یک فایل HTML به نام `index.html` ایجاد کنید و کد زیر را در آن قرار دهید:
```html
بازی تاسزنی
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
margin-top: 20px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: white;
}
button:hover {
background-color: #0056b3;
}
#result {
font-size: 40px;
margin-top: 20px;
}
#history {
margin-top: 20px;
width: 200px;
text-align: center;
}
بازی تاسزنی
```
#### ۲. ایجاد فایل JavaScript
سپس یک فایل JavaScript به نام `game.js` ایجاد کنید و کد زیر را در آن قرار دهید:
```javascript
document.getElementById("rollButton").addEventListener("click", rollDice);
const historyList = document.getElementById("historyList");
function rollDice() {
// تولید عدد تصادفی بین 1 تا 6
const diceResult = Math.floor(Math.random() * 6) + 1;
// نمایش نتیجه در صفحه
document.getElementById("result").textContent = "نتیجه: " + diceResult;
// افزودن نتیجه به تاریخچه
addToHistory(diceResult);
}
function addToHistory(result) {
// ایجاد عنصر جدید برای تاریخچه
const li = document.createElement("li");
li.textContent = result;
historyList.appendChild(li);
}
```
### توضیحات کد
1. **رویداد کلیک**: با استفاده از `addEventListener`، یک رویداد کلیک به دکمه اضافه شده که وقتی کاربر بر روی آن کلیک میکند، تابع `rollDice` فراخوانی میشود.
2. **تولید عدد تصادفی**: تابع `rollDice` یک عدد تصادفی بین 1 تا 6 تولید میکند و آن را به کاربر نمایش میدهد.
3. **تاریخچه پرتابها**: با هر بار پرتاب تاس، نتیجه در یک لیست به تاریخچه اضافه میشود.
### نحوه اجرای پروژه
1. یک پوشه جدید ایجاد کنید و فایلهای `index.html` و `game.js` را در آن قرار دهید.
2. فایل `index.html` را در مرورگر باز کنید تا بازی را مشاهده کنید و با کلیک بر روی دکمه، تاس را پرتاب کنید.
### نتیجهگیری
بازی Dice Roll یک پروژه ساده و جذاب برای یادگیری اصول اولیه برنامهنویسی JavaScript و تعامل کاربر است. شما میتوانید این پروژه را با افزودن ویژگیهایی مانند نمایش تصویر تاس، امکان پرتاب تاسهای مختلف یا تنظیم تعداد پرتابها گسترش دهید. این پروژه به شما کمک میکند تا مهارتهای خود را در برنامهنویسی و توسعه وب بهبود بخشید.
| صفحه قابل مشاهده:
دانلود پروژه بازی ساده با نام **Dice Roll Game** با استفاده از JavaScript میباشد