مرجع تخصصی پروژه ها و فایل ها

جزئیات محصول

دانلود پروژه بازی سنگ، کاغذ، قیچی با استفاده از JavaScript

دانلود پروژه بازی سنگ، کاغذ، قیچی با استفاده از JavaScript

قیمت: 80,000 تومان

خرید فایل


مشاهده پیشنمایش

پیشنمایش برای محصولاتی که نیاز به نمایش دمو دارند می باشد

کاربران گرامی در این پروژه به شما پروژه بازی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه بازی با جاوااسکریپت سایر  بازی هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.

در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه بازی بازی های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد


 ### پروژه: بازی سنگ، کاغذ، قیچی با استفاده از JavaScript
 
**بازی سنگ، کاغذ، قیچی** یک بازی کلاسیک و سرگرم‌کننده است که با استفاده از **HTML، CSS و JavaScript** ساخته شده است. در این بازی، شما می‌توانید با کامپیوتر بازی کنید و نتیجه هر دور را ببینید.
 
### ویژگی‌های پروژه
1. **بازی با کامپیوتر**: شما با کامپیوتر رقابت می‌کنید.
2. **نتایج واضح**: نمایش نتایج دورهای بازی به صورت واضح.
3. **رابط کاربری جذاب**: طراحی کاربرپسند با استفاده از CSS.
 
### نحوه اجرای پروژه
1. **دانلود پروژه**: کد منبع را از لینک زیر دانلود کنید.
2. **اجرای پروژه**: فایل `index.html` را با استفاده از یک مرورگر مدرن (مانند Google Chrome یا Mozilla Firefox) باز کنید.
 
### کد منبع
 
#### کد HTML (index.html)
```html
   
   
    بازی سنگ، کاغذ، قیچی
   
   
       

بازی سنگ، کاغذ، قیچی

       
           
           
           
       
       

       

   
   
```
 
#### کد CSS (style.css)
```css
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    text-align: center;
}
 
.container {
    margin-top: 50px;
}
 
button {
    padding: 15px 20px;
    font-size: 18px;
    margin: 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #4CAF50;
    color: white;
    transition: background-color 0.3s;
}
 
button:hover {
    background-color: #45a049;
}
 
h1, h2, h3 {
    color: #333;
}
```
 
#### کد JavaScript (script.js)
```javascript
let userScore = 0;
let computerScore = 0;
 
const choices = ['rock', 'paper', 'scissors'];
 
const userChoiceButtons = document.querySelectorAll('button');
const resultDisplay = document.getElementById('result');
const scoreDisplay = document.getElementById('score');
 
// انتخاب کامپیوتر
function computerChoice() {
    const randomIndex = Math.floor(Math.random() * choices.length);
    return choices[randomIndex];
}
 
// محاسبه نتیجه
function playGame(userChoice) {
    const compChoice = computerChoice();
    if (userChoice === compChoice) {
        resultDisplay.textContent = `هر دو برابرند! (${userChoice})`;
    } else if (
        (userChoice === 'rock' && compChoice === 'scissors') ||
        (userChoice === 'paper' && compChoice === 'rock') ||
        (userChoice === 'scissors' && compChoice === 'paper')
    ) {
        userScore++;
        resultDisplay.textContent = `شما برنده شدید! (${userChoice} مقابل ${compChoice})`;
    } else {
        computerScore++;
        resultDisplay.textContent = `شما باختید! (${userChoice} مقابل ${compChoice})`;
    }
    updateScore();
}
 
// به‌روزرسانی امتیاز
function updateScore() {
    scoreDisplay.textContent = `شما: ${userScore} | کامپیوتر: ${computerScore}`;
}
 
// افزودن رویداد کلیک به دکمه‌ها
userChoiceButtons.forEach(button => {
    button.addEventListener('click', () => {
        playGame(button.id);
    });
});
```
 
### جمع‌بندی
بازی **سنگ، کاغذ، قیچی** یک پروژه ساده و عالی برای یادگیری نحوه ساخت بازی‌های تعاملی با استفاده از HTML و JavaScript است. شما می‌توانید با افزودن ویژگی‌های جدید مانند حالت چندنفره، تایمر و یا ثبت امتیازهای قبلی، بازی را گسترش دهید و تجربه کاربری جذاب‌تری را ارائه کنید.
| صفحه قابل مشاهده: دانلود پروژه بازی سنگ، کاغذ، قیچی با استفاده از JavaScript می‌باشد