javascript - HTML递增投票系统

Question

我是 html 的新手，我想在我的网页上显示一个值，该值会在按下按钮时递增。

这是我的代码:

<script type ="text/javascript">
     var likesSD = 0;
     var dislikesSD= 0;
</script>
    <button class="like" onclick="likes++">I like!</button>
<script>document.write(likesSD);</script>

按下按钮时屏幕上的值不会改变。有没有一种方法可以在不使用数据库的情况下做到这一点？

Answer 1

你可以这样做:

<div id="likes"></div>

<script type ="text/javascript">
    var likes = 0;

    function IncreaseLikes()
    {
        likes++;
        document.getElementById("likes").innerHTML = likes;
    }
</script>

<input type="button" class="like" onclick="IncreaseLikes()" value="I like!" />

• 用一些元素来保存值，用document.write()不太好；
• 我已经将你的按钮更改为 input type="button";
• 如果没有数据库，信息将在页面刷新时丢失。您可以使用 localStorage (在所有现代浏览器中都支持)以保存值，但仅在浏览器中。仍然不适用于真正的投票池。