gpt4 book ai didi

javascript - 此代码覆盖循环的结果。如何避免这种行为?

转载 作者:行者123 更新时间:2023-12-03 10:10:45 24 4
gpt4 key购买 nike

这段 JavaScript 游戏代码生成两行信息,第一行是猜测的数字,第二行比较猜测的数字是否大于或小于提示窗口中输入的数字。每组猜测都按照已进行的猜测次数进行编号。我想要完成的是,每次游戏结束时,猜测需要保留在屏幕上的一列中,但编写的代码会覆盖猜测的数量。我的问题是如何避免覆盖问题?下面是代码,任何有关如何解决此问题的输入都将不胜感激。

谢谢

    <body>

<h3>JavaScript Guessing Game</h3>

<p>Welcome to the guessing game. I'll pick up the number between 1 and 100 and you try to guess
what it is. You Get 7 tries.<p>

<p id="guess"></p>
<p id="guessed"></p>
<p id="small"></p>
<p id="big"></p>
<p id="times"></p>

</body>

<script type="text/javascript">


number = Math.round((Math.random() * 999))+ 1;


counter = 0;
do
{
counter++;

guess = prompt("What's your guess?");
document.getElementById("guess").innerHTML = ("Guess #"+counter+" was "+guess );
/*document.write*/

if (guess == number) {
/*document.write("You guessed it!<BR>");*/
document.getElementById("guessed").innerHTML = ("You guessed it! You Won!");
}
else {
if (guess < number) {
/*document.write("Too small, guess again.<BR>");*/
document.getElementById("small").innerHTML = ("Too small, guess again.");
}
else {
/*document.write("Too big, guess again.<BR>");*/
document.getElementById("big").innerHTML = ("Too big, guess again.");
}
}


} while (counter <7 && guess != number);

if (guess != number) {
document.getElementById("times").innerHTML = ("I won in 7 times - the number was " + number);
}

</script>

</html>

最佳答案

追加而不是替换

document.getElementById("times").innerHTML = (document.getElementById("times").innerHTML + "<br>I won in 7 times - the number was " + number);

正在工作fiddle

关于javascript - 此代码覆盖循环的结果。如何避免这种行为?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30120096/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com