【发布时间】：2024-01-22 19:44:01
【问题描述】：
我想创建一个“猜数字游戏”，您可以在一定次数内猜出一个随机数。
我在挣扎：
（必须有） 1. 警报后循环进行（显示您的猜测是否过高、过低或不是数字。
（很高兴拥有） 2.如果您成功猜到数字或尝试用完，请重置游戏。重置意味着恢复原始猜测数量并将您的尝试归零。也许只是一个刷新页面的命令。
我 - 在我第一次尝试后多年休息后 - 对编码不熟悉。
这里是我的项目的访问权限：https://glitch.com/~gravel-pyrite
我认为这是我搞砸的相关循环/条件引擎：
var rangeMin = 0; //set the min value
var rangeMax = 10; //set the max value
var randomNumber = Math.floor(Math.random() * (rangeMax - rangeMin + 1)) + rangeMin;
var counter = 0;
var maxTries = 5;
var remainingTries = maxTries;
var guessedNumbers = [];
document.getElementById("submit").onclick = function() {
//Displaying min, max and remaining guesses in HTML
document.getElementById('min').innerHTML = rangeMin;
document.getElementById('max').innerHTML = rangeMax+"!";
document.getElementById('feedback').innerHTML = "Remaining guesses: "+remainingTries;
document.getElementById('guessedNumbers').innerHTML = "Your guesses so far: " + guessedNumbers;
var attempts = +document.getElementById("guessInput").value; // use `+` to make sure your input value is treated as a number and not a string
guessedNumbers.push(" "+attempts+" ");
counter++;
remainingTries--;
if (counter >= maxTries) { //If running outs of attempts, break out of loop (test for >= to)
alert("You used up your maximum tries. A new game will start.");
resetGame();
} else if (isNaN(attempts)) { //If anything else than a number is entered
alert(attempts + " is not a number");
} else if (attempts == randomNumber) { //If guessed correctly
alert("Awesome! You guessed the number right: " + randomNumber + ". You needed " + attempts + " attempts.");
resetGame();
} else if (attempts > randomNumber && counter < maxTries) {
alert("Your guess " + attempts + " is too high. Guess lower.")
} else if (attempts < randomNumber && counter < maxTries) {
alert("Your guess " + attempts + " is too low. Guess higehr.")
}
}
function resetGame() {
location.reload(true);
}
我希望在警报之后，我可以输入一个新值，而不是陷入“警报循环”。
编辑：我现在更新了我的代码。成功用完所有尝试后重新加载页面效果很好。
打开一件事： document.getElementById('feedback').innerHTML = "剩余猜测："+remainingTries; document.getElementById('guessedNumbers').innerHTML = "你目前的猜测：" + guessedNumbers;
不会仅在第一次提交按钮后显示。
这是 HTML：
<body>
<h1>Guess what!</h1>
<p>Guess a number between <span id="min"></span> & <span id="max"></span></p>
<div>
<label for="guessInput">Your guess</label>
<input type="text" id="guessInput">
<input type="submit" id="submit">
</div>
<p id="feedback"></p>
<p id="guessedNumbers"></p>
<button onclick="resetGame()">Reset Game</button>
</body>
【问题讨论】：
-
也许很高兴知道我使用这些变量
var rangeMin = 0; //set the min value var rangeMax = 10; //set the max value var randomNumber = Math.floor(Math.random() * (rangeMax - rangeMin + 1)) + rangeMin; var counter = 0; var maxTries = 5; var remainingTries = maxTries; var guessedNumbers =[]; -
不完全是，counter++，remainingTries-- 和 push(attempts) 不能那样工作。他们保持不变
标签： javascript loops conditional-statements