javascript - 单击网站 : I want a way to make the counter complete (continue) from where it arrived after reloading a page 中的底部计数器

Question

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

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

这是我的点击底部代码

<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>

Answer 1

您可以使用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>