ساخت بازی سنگ، کاغذ، قیچی در جاوا اسکریپت
بازی سنگ، کاغذ، قیچی یکی از بازی‌های ساده و محبوب است که به راحتی می‌توان آن را با استفاده از جاوا اسکریپت پیاده‌سازی کرد. این بازی معمولاً بین دو نفر انجام می‌شود، که هر کدام یکی از سه گزینه را انتخاب می‌کند: سنگ، کاغذ یا قیچی. هدف این است که بر اساس قوانین مشخص، برنده تعیین شود.
قوانین بازی
در این بازی:
- سنگ (که به صورت یک دایره نمایش داده می‌شود) قیچی را می‌شکند.
- قیچی (که به صورت یک قیچی نمایش داده می‌شود) کاغذ را قیچی می‌کند.
- کاغذ (که به صورت یک ورق کاغذ نمایش داده می‌شود) سنگ را می‌پوشاند.
به این ترتیب، باید برنده را بر اساس انتخاب‌های بازیکنان شناسایی کنیم.
ساختار کلی کد
برای پیاده‌سازی این بازی، ما به HTML، CSS و جاوا اسکریپت نیاز داریم.
- HTML: برای ساختار صفحه و نمای بازی.
- CSS: برای زیباسازی و طراحی صفحات.
- جاوا اسکریپت: برای پیاده‌سازی منطق بازی.
نمونه کد HTML:
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=
- 0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>بازی سنگ، کاغذ، قیچی</h1>
<div id="choices">
<button onclick="play('rock')">سنگ</button>
<button onclick="play('paper')">کاغذ</button>
<button onclick="play('scissors')">قیچی</button>
</div>
<div id="result"></div>
<script src="script.js"></script>
</body>
</html>
```
نمونه کد CSS:
```css
body {
font-family: Arial, sans-serif;
text-align: center;
}
button {
margin: 10px;
padding: 10px;
font-size: 16px;
}
```
نمونه کد جاوا اسکریپت:
```javascript
function play(userChoice) {
const choices = ['rock', 'paper', 'scissors'];
const computerChoice = choices[Math.floor(Math.random() * choices.length)];
let result = '';
if (userChoice === computerChoice) {
result = 'تساوی!';
} else if (
(userChoice === 'rock' && computerChoice === 'scissors') ||
(userChoice === 'scissors' && computerChoice === 'paper') ||
(userChoice === 'paper' && computerChoice === 'rock')
) {
result = 'شما برنده شدید!';
} else {
result = 'کامپیوتر برنده شد!';
}
document.getElementById('result').innerText = `انتخاب شما: ${userChoice}, انتخاب کامپیوتر: ${computerChoice}. ${result}`;
}
```
این کدها به شما اجازه می‌دهند تا با کلیک بر روی دکمه‌ها، انتخاب خود را انجام دهید و نتیجه بازی را مشاهده کنید.
نتیجه‌گیری
با استفاده از جاوا اسکریپت، می‌توانید بازی سنگ، کاغذ، قیچی را به سادگی پیاده‌سازی کنید. این پروژه نه تنها سرگرم‌کننده است بلکه به شما کمک می‌کند تا مهارت‌های خود را در برنامه‌نویسی تقویت کنید. از این رو، می‌توانید آن را گسترش دهید و ویژگی‌های جدیدی به آن اضافه کنید.
