javascript小游戏代码

// 简单的 JavaScript 小游戏：猜数字游戏

// 生成一个1到100之间的随机数
const targetNumber = Math.floor(Math.random() * 100) + 1;

let attempts = 0;
const maxAttempts = 10;

function guessNumber() {
    const userGuess = parseInt(document.getElementById('userGuess').value);
    attempts++;

    if (isNaN(userGuess)) {
        document.getElementById('feedback').textContent = '请输入一个有效的数字！';
        return;
    }

    if (userGuess === targetNumber) {
        document.getElementById('feedback').textContent = `恭喜你，猜对了！你用了${attempts}次机会。`;
        document.getElementById('guessButton').disabled = true;
    } else if (attempts >= maxAttempts) {
        document.getElementById('feedback').textContent = `很遗憾，你用完了所有机会。正确答案是 ${targetNumber}。`;
        document.getElementById('guessButton').disabled = true;
    } else if (userGuess < targetNumber) {
        document.getElementById('feedback').textContent = '太小了，再试一次！';
    } else {
        document.getElementById('feedback').textContent = '太大了，再试一次！';
    }
}

// HTML 部分
/*
<div>
    <input type="number" id="userGuess" placeholder="输入你的猜测">
    <button id="guessButton" onclick="guessNumber()">猜一下</button>
    <p id="feedback"></p>
</div>
*/

解释说明：

1. 生成随机数：使用 Math.random() 和 Math.floor() 生成一个1到100之间的随机整数作为目标数字。
2. 用户输入：通过 document.getElementById('userGuess').value 获取用户输入的数字，并将其转换为整数。
3. 判断逻辑：
   • 如果用户输入的不是有效数字，提示用户重新输入。
   • 如果用户猜中了数字，显示恭喜信息并禁用按钮。
   • 如果用户用完所有尝试次数，显示正确答案并禁用按钮。
   • 如果用户猜的数字比目标数字小或大，给出相应的提示。
4. HTML 结构：提供了一个简单的 HTML 结构，包括输入框、按钮和反馈区域。

希望这个示例能帮助你理解如何用 JavaScript 实现一个简单的小游戏！