js实现点赞与取消功能

以下是一个简单的实现点赞与取消点赞的示例代码：

HTML代码：

<button id="like-btn">点赞</button>

JavaScript代码：

var likeBtn = document.getElementById('like-btn');
var isLiked = false;

likeBtn.addEventListener('click', function() {
  if (isLiked) {
    likeBtn.innerText = '点赞';
    isLiked = false;
  } else {
    likeBtn.innerText = '取消';
    isLiked = true;
  }
});

在上面的代码中，我们首先使用 `document.getElementById` 方法获取到 HTML 中的 `id` 为 `like-btn` 的按钮元素，然后定义了一个布尔类型的变量 `isLiked`，表示当前是否已经点赞。

接着，我们给按钮元素添加了一个点击事件监听器，当用户点击按钮时，会触发这个事件监听器中的代码。

在事件监听器中，我们使用了一个 `if...else...` 语句来判断当前的点赞状态，如果 `isLiked` 变量的值为 `true`，则表示当前已经点赞，需要将按钮的文本设置为“点赞”，并将 `isLiked` 变量的值设为 `false`，表示取消点赞。

如果 `isLiked` 变量的值为 `false`，则表示当前未点赞，需要将按钮的文本设置为“取消”，并将 `isLiked` 变量的值设为 `true`，表示已经点赞。

这样，我们就完成了一个简单的点赞与取消点赞的功能实现。