javascript 猜数

JavaScript是一种广泛使用的编程语言，它可被用于编写各种类型的程序。猜数字游戏是我们用JavaScript能够实现的最简单的游戏之一。这个游戏可以教授我们JavaScript编程的很多核心概念，例如变量、常量、条件等。通过编写自己的猜数字游戏程序来实践这些概念。

为了完成这个游戏，我们需要先决定一个随机数字作为游戏的答案。我们可以将这个数字存储在一个变量中。接下来，我们需要在页面上呈现一个输入框和一个按钮，用户可以通过输入框输入他们的猜测数字，然后按下按钮提交他们的答案。如果用户猜对了，我们会向他们显示一个消息，通知他们他们已经获胜。否则，我们需要向他们显示一个失败消息，并允许他们再次猜测。

let randomNumber = Math.floor(Math.random()*100) + 1;
    let guesses = document.querySelector('.guesses');
    let lastResult = document.querySelector('.lastResult');
    let lowOrHi = document.querySelector('.lowOrHi');
    let guessSubmit = document.querySelector('.guessSubmit');
    let guessField = document.querySelector('.guessField');
    let guessCount = 1;
    let resetButton;
function checkGuess() {
    let userGuess = Number(guessField.value);
if (guessCount === 1) {
    guesses.textContent = '上一次猜的数： ';
}
    guesses.textContent += userGuess + ' ';
if (userGuess === randomNumber) {
    lastResult.textContent = '恭喜你！猜对了！';
    lastResult.style.backgroundColor = 'green';
    lowOrHi.textContent = '';
    setGameOver();
}
 else if (guessCount === 10) {
    lastResult.textContent = '游戏结束！';
    setGameOver();
}
 else {
    lastResult.textContent = '你猜错了！';
    lastResult.style.backgroundColor = 'red';
if(userGuessrandomNumber) {
    lowOrHi.textContent = 'Your guess is too high!';
}
}
    guessCount++;
    guessField.value = '';
    guessField.focus();
}
    guessSubmit.addEventListener('click', checkGuess);

在上面的代码中，我们首先使用Math.random()方法生成一个随机数，之后我们使用Math.floor()方法将这个数字取整，这样我们可以获得一个范围在1到100之间的整数。我们还定义了一些变量，例如guesses（用于存储玩家之前猜测过的数字）、lastResult（用于存储最后猜测结果的消息）、lowOrHi（用于存储猜数字的高低提示）、guessSubmit（表示提交按钮）等。我们还定义了一个名为checkGuess()的函数，这个函数用于检查用户猜测的数字是否正确。

在页面上，我们需要指定一些类名，用于标记HTML元素。这样，我们才能通过JavaScript将这些元素与我们在代码中定义的变量联系起来。在下面的代码中，我们使用了这些类名：guesses、lastResult、lowOrHi、guessSubmit、guessField。我们还为提交和重置按钮添加了单击事件。当玩家单击“提交”按钮时，checkGuess()函数会运行。如果玩家猜对了，我们会设置背景颜色为绿色的恭喜消息。否则，我们会向他们显示一个猜测失败的消息和一条高低提示信息。如果猜测次数达到10次，我们会向玩家显示失败信息，并禁用游戏玩家的输入。

function setGameOver() {
    guessField.disabled = true;
    guessSubmit.disabled = true;
    resetButton = document.createElement('button');
    resetButton.textContent = '开始新游戏';
    document.body.appendChild(resetButton);
    resetButton.addEventListener('click', resetGame);
}
function resetGame() {
    guessCount = 1;
    const resetParas = document.querySelectorAll('.resultParas p');
    for (let i = 0 ;
     i
最后，我们需要定义一个名为setGameOver()的函数，用于在游戏结束时禁用用户输入，并允许他们重新开始游戏。在这个函数中，我们创建了一个“开始新游戏”的按钮。当玩家单击这个按钮时，我们会运行一个叫做resetGame()的函数，用于重置游戏变量和状态。
通过以上的JavaScript代码，我们完成了一个简单的猜数字游戏。该游戏实现了随机数字生成、用户输入、输入次数限制以及结局显示等功能。作为初学JavaScript的程序员，这个游戏是一个非常好的练手的项目。通过不断的练习，你将会进一步熟悉JavaScript编程，并掌握更多的编程技巧。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！