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(在所有现代浏览器中都支持)以保存值,但仅限于浏览器.仍然不适用于真正的投票池.