微信扫码登录或注册
好的，我可以帮你写一个简单的网页游戏，比如猜数字游戏。
首先，我们需要一个 HTML 文件来创建游戏界面。在 HTML 文件中，我们可以添加一个输入框和一个按钮，用于玩家输入猜测的数字和提交猜测。
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请输入一个 1 到 100 之间的数字：</p>
<input type="text" id="guess" name="guess">
<button onclick="checkGuess()">提交</button>
<p id="result"></p>
<script src="game.js"></script>
</body>
</html>
接下来，我们需要一个 JavaScript 文件来实现游戏逻辑。在 JavaScript 文件中，我们可以生成一个随机数作为答案，并在玩家提交猜测后判断猜测是否正确。
// 生成一个 1 到 100 之间的随机数作为答案
var answer = Math.floor(Math.random() * 100) + 1;
// 获取输入框和结果显示框的 DOM 元素
var guessInput = document.getElementById("guess");
var resultDisplay = document.getElementById("result");
// 定义一个函数来检查玩家的猜测
function checkGuess() {
// 获取玩家输入的猜测
var guess = parseInt(guessInput.value);
// 判断猜测是否正确
if (guess === answer) {
resultDisplay.innerHTML = "恭喜你，猜对了！";
} else if (guess < answer) {
resultDisplay.innerHTML = "猜小了，请再试一次。";
} else {
resultDisplay.innerHTML = "猜大了，请再试一次。";
}
// 清空输入框
guessInput.value = "";
}
最后，我们将 JavaScript 文件链接到 HTML 文件中，并在按钮上添加一个 onclick 事件来调用 checkGuess 函数。
这样，我们就完成了一个简单的猜数字游戏。代码精简，逻辑清晰，易于理解和维护。
