简单点赞效果html,js实现点赞效果

好的，以下是一个简单的点赞效果的HTML和JavaScript代码：

<button id="likeButton" onclick="like()">点赞</button>
<p id="likeCount">0</p>

<script>
  let count = 0;

  function like() {
    count++;
    document.getElementById("likeCount").innerHTML = count;
    document.getElementById("likeButton").innerHTML = "取消赞";
    document.getElementById("likeButton").onclick = unlike;
  }

  function unlike() {
    count--;
    document.getElementById("likeCount").innerHTML = count;
    document.getElementById("likeButton").innerHTML = "点赞";
    document.getElementById("likeButton").onclick = like;
  }
</script>

这段代码创建了一个按钮和一个用于显示点赞数的段落。点击按钮会触发 `like()` 函数，该函数会将点赞数加1，并更新显示点赞数的段落的内容。同时，按钮的文字会变为“取消赞”，并将点击事件绑定到 `unlike()` 函数上。`unlike()` 函数与 `like()` 函数类似，但会将点赞数减1，并将按钮的文字和点击事件恢复为原来的状态。

注意：这只是一个简单的示例，实际情况可能需要更复杂的逻辑和样式。