如何阻止随机数重新生成

我正在创建一个孩子的猜号游戏，其中生成一个随机数（在 1 到 50 之间），您必须不断猜测该数字，直到找到生成的数字。您会收到有关您的猜测是过高还是过低的反馈，无法更好地告知您的猜测。下面是我想出的代码，但问题是，我似乎无法确定随机数。似乎每次猜测都会重新生成数字。我怎样才能做到每次猜测都使用相同的数字，直到猜对为止？

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id ="game" action="javascript:void(checkGuess())">
        <p class="owlOne">I'm thinking of a number between 1 and 50.</p>
        <br class="clear" />
        <p class="owlTwo"><input id="guess" type="text"><input id="button" type="submit" value="Guess!"></p>
        <br class="clear" />
        <p class="owlOne"><span id="response">Can you guess what it is?</span></p>
    </form>
<script>
function checkGuess() {
    var guess = Number(document.getElementById('guess').value); // Assigns guessed number to variable.
    var number = Math.floor(Math.random() * 49 + 1); // Generates a random number between 1 and 50.
    // Guessed number is correct.
    if (guess == number) {
        document.getElementById("response").innerHTML= "Congratulations, you guessed correctly!";
    }
    // Guessed number is within 5 above.
    else if (guess > number && guess <= number+5) {
        document.getElementById("response").innerHTML= "You're so close! Just a little bit lower.";
    }
    // Guessed number is within 5 below.
    else if (guess < number && guess >= number-5) {
        document.getElementById("response").innerHTML= "You're so close! Just a little bit higher.";
    }
    // Guessed number is at least 1, but more than 5 below.
    else if (guess < number-5 && guess >= 1) {
        document.getElementById("response").innerHTML= "Too low! Guess again.";
    }
    // Guessed number is no more than 50, but less than 5 above.
    else if (guess > number+5 && guess <= 50) {
        document.getElementById("response").innerHTML= "Too high! Guess again.";
    }
    // Guessed number is not within the 1 - 50 range.
    else {
        document.getElementById("response").innerHTML= "Remember, the number I'm thinking of is between 1 and 50.";
    }
}
</script>
</body>
</html>

有什么建议吗？

移动

var number = Math.floor(Math.random() * 49 + 1);

功能外部。然后，该数字将仅在页面加载时生成，而不是每次调用函数时生成。

number将成为全局变量，也可以在函数内部访问。

每次

调用函数时，它都会将数字重新定义为新的随机数。如果将声明移到函数之外，则每次调用 checkGuess 时都不会重新定义它;

您的代码应如下所示

 var number = Math.floor(Math.random() * 49 + 1); 
   function checkGuess() {
      // code
   }

但是您应该注意，这会将数字置于全局范围内，您也可以执行以下操作：

var checkGuess = (function(number) {
   return function(){
      // code that was in checkGuess(){
   } 
})(Math.floor(Math.random() * 49 + 1));

这样做的作用是它将您的 checkGuess 函数返回到变量，但现在代码可以访问数字变量，因为它位于闭包内。

相关内容

最新更新

热门标签：