通过js实现猜拳
实现猜拳游戏的JavaScript代码
以下是一个简单的猜拳（石头剪刀布）游戏的JavaScript实现，包含用户输入和计算机随机选择的功能。
// 获取用户选择并比较结果
function playGame(userChoice) {
const choices = ['rock', 'paper', 'scissors'];
const computerChoice = choices[Math.floor(Math.random() * 3)];
let result;
if (userChoice === computerChoice) {
result = "It's a tie!";
} else if (
(userChoice === 'rock' && computerChoice === 'scissors') ||
(userChoice === 'paper' && computerChoice === 'rock') ||
(userChoice === 'scissors' && computerChoice === 'paper')
) {
result = "You win!";
} else {
result = "You lose!";
}
console.log(`You chose ${userChoice}, computer chose ${computerChoice}. ${result}`);
return result;
}
// 示例调用
playGame('rock'); // 用户选择石头添加HTML界面
为了让游戏更完整，可以创建一个简单的HTML界面：
<!DOCTYPE html>
<html>
<head>
<title>Rock Paper Scissors</title>
</head>
<body>
<h1>Rock Paper Scissors</h1>
<button onclick="playGame('rock')">Rock</button>
<button onclick="playGame('paper')">Paper</button>
<button onclick="playGame('scissors')">Scissors</button>
<div id="result"></div>
<script>
function playGame(userChoice) {
const choices = ['rock', 'paper', 'scissors'];
const computerChoice = choices[Math.floor(Math.random() * 3)];
let result;
if (userChoice === computerChoice) {
result = "It's a tie!";
} else if (
(userChoice === 'rock' && computerChoice === 'scissors') ||
(userChoice === 'paper' && computerChoice === 'rock') ||
(userChoice === 'scissors' && computerChoice === 'paper')
) {
result = "You win!";
} else {
result = "You lose!";
}
document.getElementById('result').innerHTML =
`You chose ${userChoice}, computer chose ${computerChoice}. ${result}`;
}
</script>
</body>
</html>游戏规则说明
- 石头（rock）击败剪刀（scissors）
- 剪刀（scissors）击败布（paper）
- 布（paper）击败石头（rock）
如果用户和计算机选择相同，则为平局。
扩展功能
可以添加以下功能来增强游戏体验：
- 计分系统，记录胜负次数
- 游戏历史记录
- 更美观的界面和动画效果
- 多语言支持
这个实现提供了猜拳游戏的核心功能，可以根据需要进一步扩展和完善。
