html对战小游戏代码
时间: 2023-08-27 19:04:08 浏览: 45
以下是一个简单的 HTML 对战小游戏代码,可以让两个玩家通过轮流输入数字进行对战:
```html
<!DOCTYPE html>
<html>
<head>
<title>对战小游戏</title>
</head>
<body>
<h1>对战小游戏</h1>
<p>请玩家 1 输入一个 1 到 100 之间的整数:</p>
<input type="text" id="player1">
<p>请玩家 2 输入一个 1 到 100 之间的整数:</p>
<input type="text" id="player2">
<button onclick="checkGuess()">开始对战</button>
<p id="result"></p>
<script>
var answer = Math.floor(Math.random() * 100) + 1; // 随机生成一个 1 到 100 的整数
var player1Input = document.getElementById("player1");
var player2Input = document.getElementById("player2");
var result = document.getElementById("result");
var currentPlayer = 1;
function checkGuess() {
var guessInput, guess;
if (currentPlayer === 1) {
guessInput = player1Input;
} else {
guessInput = player2Input;
}
guess = parseInt(guessInput.value);
if (guess === answer) {
result.textContent = "恭喜玩家 " + currentPlayer + " 猜对了!";
} else if (guess < answer) {
result.textContent = "玩家 " + currentPlayer + " 猜小了,请再猜一次!";
} else {
result.textContent = "玩家 " + currentPlayer + " 猜大了,请再猜一次!";
}
if (currentPlayer === 1) {
currentPlayer = 2;
} else {
currentPlayer = 1;
}
}
</script>
</body>
</html>
```
这个代码会在页面上显示两个输入框和一个“开始对战”的按钮,两个玩家可以轮流输入数字进行对战。猜测的结果会根据玩家输入的数字和随机生成的答案进行比较,页面会显示“玩家 X 猜小了”、“玩家 X 猜大了”或“恭喜玩家 X 猜对了”的提示。每次猜测后,轮到另一个玩家输入数字。