在Javascript HTML游戏中添加重置按钮？
在Javascript HTML游戏中添加重置按钮？
提问于 2021-02-08 07:48:47
我是第二学期，正在上Javascript的课程。基本上，我们得到了一个网站的HTML和CSS，它应该做以下事情：
这是一个数字游戏。计算机生成一个数字，你有十次尝试来猜这个数字。如果你到了零，计算机就赢了，并且有一个重置按钮，可以重置所有变量并重新开始。唯一的问题是，我无论如何也想不出如何在得分达到0后重置countDown变量。请帮帮忙。另外，我们现在只使用纯Javascript来完成本课程。我不想作弊，我更多的是想弄清楚是什么问题阻碍了我。
var countDown = 10;
var computerNumber = Math.floor((Math.random() * 501) + 1);
function generate() {
playerNumber = document.getElementById("guess").value;
if (computerNumber == playerNumber && countDown > 0) {
alert("Congratulations! You've won!");
} else if (playerNumber < computerNumber && countDown > 0) {
countDown--;
document.getElementById("guesses").value = countDown;
document.getElementById("result").value = "Too Low";
} else if (playerNumber > computerNumber && countDown > 0) {
countDown--;
document.getElementById("guesses").value = countDown;
document.getElementById("result").value = "Too High";
} else if (countDown == 0) {
alert("Game Over. The Number Was " + computerNumber);
}
}
function reset() {
countDown = 10;
computerNumber = Math.floor((Math.random() * 501) + 1);
}Stack Overflow用户
发布于 2021-02-08 08:01:26
在这里，您需要在html中添加重置按钮：
<input type="button" class="reset-button" value="Reset Count">然后在JS中获取reset函数下面的按钮，并附加一个在单击时触发reset函数的eventListener：
const resetBtn = document.querySelector('.reset-button')
resetBtn.addEventListener('click', reset )就是这样。
您可能还希望在页面上显示计数。您可以在重置函数中添加一行，将countDown的新值推送到html中(例如，使用element.textContent = countDown.toString() )
如果你在2021年参加JS课程，你绝对应该使用const和let，而不是var，并让你的老师知道为什么。虽然使用var是可行的，但它将向未来的雇主表明，您与JS世界中正在发生的事情脱节。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66094315
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号