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

Answer 2

你必须定义一个函数来增加你喜欢/不喜欢的计数器，然后将它写入文档。然后将该函数映射到按钮的onclick事件：

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

     function like() {
         likesSD++;
         document.getElementById("likes").innerHTML = likesSD;
     }
</script>
    <button class="like" onclick="like()">I like!</button>
    <div id="likes"></div>

HTML递增投票系统

2 个答案: