javascript - 在不清除屏幕的情况下显示javascript变量

<分区>

我正在学习如何开发，我想使用 HTML5、CSS3 和 JavaScript 开发一个简单的“唱首歌”游戏。我正在寻找练习创建类似于 Cookie Clicker 的东西。我创建了三个图标，每个图标都有一个用途。我想弄清楚如何在屏幕的一部分上显示修改后的变量，而无需清除屏幕或不得不求助于弹出窗口。

如果有人有兴趣提供帮助，这里是该元素的链接:

有问题的函数是 master.js 文件中的 displayPoints 函数。我目前有以下内容:

function displayPoints() {
    confirm(numClicks);
}

这就是我想要的。它显示正确的点击次数。如果我点击中间按钮二十次，然后点击“显示点”按钮，它会显示正确的点数。但是，它是在弹出窗口中执行的。如何在不使用弹出窗口的情况下在浏览器中显示点数？

我尝试了以下代码:

function displayPoints() {
    document.write(numClicks);
}

此代码在浏览器中运行，但它清除了屏幕上的图标，因此无法通过单击第二个按钮继续生成点数。

tl;dr - 如何在不使用弹出窗口且不清除屏幕的情况下在浏览器屏幕上实时更新变量？任何帮助将不胜感激。

最佳答案

您可以在页面上使用 html 元素并用数据填充它，例如:

<span id="numClicksResult"></span>
<script>document.getElementById('numClicksResult').innerHtml=10;</script>

关于javascript - 在不清除屏幕的情况下显示javascript变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23860147/

相关文章：

javascript - 使用 JavaScript 设置元素数据图标