这是学校的家庭作业，基本游戏运行良好，但我想在用户每次猜测时显示用户猜测的运行标签。我已经阅读了使用JQuery做到这一点的方法，但是我们仅应将JavaScript用于此分配。基本上，我想要的是每次他们输入一个猜测时，都会在HTML页面上添加一行，内容如“您猜到了＃，太高/太低”。在下一个猜测中，它将保留该行，然后添加另一行。我尝试弄乱innerHTML来获取它，但是它并没有按照我想要的方式工作，因此无法在页面上保留先前的猜测。我将不胜感激。谢谢。
<html>
<head>
<title> JS guessing game </title>
<script type="text/javascript">
var ranNum;
function playGame() {
var answer;
var found = false;
var count = 10;
while ((count > 0) && (found == false)) {
answer = prompt("Guess a number between 1 and 50!");
if (answer > ranNum) { alert("Guess lower!"); }
if (answer < ranNum) { alert("Guess higher!!"); }
if (answer == ranNum) { alert("Correct!"); found = true; }
count--;
}
if (!found) { alert('Too bad, you lose ... The number was ' + ranNum); }
return found;
}
function generateRandomNumber() {
ranNum = Math.floor(Math.random() * 50) + 1;
}
window.onload = function () { generateRandomNumber(); }
</script>
</head>
<body>
<strong> Guess a random number </strong>
<input type="button" value="Play game" onclick="playGame()">
<input type="button" value="New game" onclick="generateRandomNumber()">
</body>
</html>
最佳答案
在您的HTML中添加一个新的span：
<span id="guesses"></span>
然后，您可以在JavaScript上附加答案：
document.getElementById('guesses').InnerHTML += "Insert text here <br/>";
关于javascript - JavaScript猜谜游戏。记录猜测，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30392345/