javascript - Javascript 递增和递减不起作用

Question

我制作了一个 JavaScript 函数来递增和递减 Like 按钮中的数字，这是该函数

var val = 0; 
var negative = false;
$('.i-t').click(function(){
val = val + ((negative) ? -1 : 1); 
negative = (negative) ? false : true;
$("#myval").text(val);
});

此函数在第一次单击时效果很好，但第二次单击时它没有删除该值，该函数是否有问题？这是按钮

 <button id="myvals" class="myvals">
 <i class="myvals" id="i-t"></i> 
 <span class="myvals" id="voteScore">123</span></button>

如果喜欢，我想将 123 更改为 124，如果不喜欢，则将 122 更改为 122，但这不起作用，很抱歉，我必须从一开始就更好地准备问题

Answer 1

根据您的评论和更新，您想要做的是根据您是否已点击来增加/减少投票数。

在这种情况下，如果需要，您可以使用类来存储状态以支持多个投票按钮，而不是使用变量

$('button.vote').click(function () {
    var $btn = $(this).toggleClass('voted');
    $(this).find("span.score").text(function (i, val) {
        return +val + ($btn.hasClass('voted') ? 1 : -1);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button class="myvals vote"> <i class="myvals" id="i-t">here</i><span class="myvals score">123</span></button>