javascript - 单击网站上的底部计数器:我想找到一种方法，使计数器在重新加载页面后从到达的位置完成(继续)

我想在我的网站上打个比方。为此，我这样做了，并且代码位于底部，但是问题是在重新加载网页时计数器返回零。解决办法是什么？

我想要一种方法来使计数器在重新加载页面后从到达的位置完成（继续）。

这是我的点击底部代码

<script type="text/javascript">
    var clicks = 0;
    function hello() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
</script>

<button type="button" onclick="hello()">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>

最佳答案

您可以使用localStorage存储计数器。

<script type="text/javascript">
if (!localStorage.getItem("counter"))
    localStorage.setItem("counter", 0);
    function hello() {
        localStorage.counter += 1;
        document.getElementById("clicks").innerHTML = localStorage.counter;
    };
</script>

关于javascript - 单击网站上的底部计数器:我想找到一种方法，使计数器在重新加载页面后从到达的位置完成(继续)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59444292/