Javascript 如何触发相同的按钮使计数器递增或递减1？

我有一个javascript函数，可以在onclick事件中将计数器增加1

     <div class="detail-banner-btn heart">
        <i class="fa fa-heart-o"></i> 
        <span data-toggle="I Love It"> 
            <a onclick="like()"> Give Heart </a>
        </span>
     </div>
    <i class="fa fa-heart"></i> <strong id="totalLikes" > 0 </strong>  people love it

    <script>
     function like() {
      var a = document.getElementById("totalLikes").innerHTML = +1;
     }
     </script>

鼓起勇气
0人们喜欢它
函数式（）{
var a=document.getElementById（“totalikes”）.innerHTML=+1；
}

我希望第一次单击时数字增加1，第二次单击时数字需要减少1，依此类推。

尝试以下代码

<div class="detail-banner-btn heart">
 <i class="fa fa-heart-o"></i> <span data-toggle="I Love It"> <a onclick="like()"> Give Heart </a></span>
 </div>

    <script>
var isLiked=false;
var a=0;
 function like()
  {
  isLiked=!isLiked;
  if(isLiked) {
    a = document.getElementById("totalLikes").innerHTML = parseInt(a)+1;
  }
  else {

  a = document.getElementById("totalLikes").innerHTML = parseInt(a)-1;
  }

  }
 </script>

 <i class="fa fa-heart"></i> <strong id="totalLikes" > 0 </strong>  people love it

鼓起勇气
var isLiked=false；
var a=0；
函数式（）
{
isLiked=！isLiked；
如果（islike）{
a=document.getElementById（“totalikes”）.innerHTML=parseInt（a）+1；
}
否则{
a=document.getElementById（“totalikes”）.innerHTML=parseInt（a）-1；
}
}
0人们喜欢它

假设您有一个like按钮、一个comment按钮和一个like区域，例如下面的代码：

<a href="#" id="like-btn" class="card-link">
      <i class="fa fa-heart"></i>
</a>
<a href="#" class="card-link">
      <i class="fa fa-comment"></i>
</a>
<p>Likes <span>0</span></p>

---

这就是为什么你可以用一种更简单的方式增加喜欢的数量。如果数字被2除后没有余数，您知道它是偶数，需要增加（并在第一次单击时增加），否则将取消增加

除非你知道在什么基础上需要减量，否则你无法实现这一目标。你需要再点击一次按钮，这样你就知道你需要递减。按钮是递增还是递减？首先它需要递增一次，然后递减两次后，值是-1@markharringson plz check我刚刚更新了答案谢谢你的朋友，但在第三次点击时它不会再次增加这不是我想要达到的，请仔细阅读问题

var likes = 0;
$('#like-btn').on('click', function() {
    if(likes % 2 === 0) {
        likes++;
        $('span').text(likes);
    }
    else {
        likes--;
        $('span').text(likes);
    }
});