打假！用JS揪出取消点赞的“小坏蛋”

2023-11-07 22:10:12

在上次的文章中，我们学习了如何使用JavaScript来找出那些取关你的人。这次，我们将更进一步，开发一个工具来找出那些取消给你文章点赞的“小坏蛋”。

这个工具的原理很简单：它会定期检查你的文章的点赞情况，并记录下那些取消点赞的人。然后，它会将这些人的信息显示出来，以便你能够采取相应的措施。

下面，我们就一步一步地来实现这个工具。

首先，我们需要创建一个新的JavaScript文件。我们将把它命名为“find-unlikers.js”。

// find-unlikers.js

// 1. 获取所有点赞元素
const likeElements = document.querySelectorAll(".like-button");

// 2. 创建一个空数组来存储取消点赞的人的信息
const unlikers = [];

// 3. 遍历所有点赞元素
for (const likeElement of likeElements) {
  // 4. 为每个点赞元素添加一个事件监听器，以便在取消点赞时触发
  likeElement.addEventListener("click", function (event) {
    // 5. 如果用户取消点赞
    if (event.target.classList.contains("liked")) {
      // 6. 将取消点赞的人的信息添加到数组中
      unlikers.push({
        name: event.target.getAttribute("data-name"),
        id: event.target.getAttribute("data-id"),
      });
    }
  });
}

// 7. 定期检查点赞情况
setInterval(function () {
  // 8. 获取所有点赞元素
  const likeElements = document.querySelectorAll(".like-button");

  // 9. 遍历所有点赞元素
  for (const likeElement of likeElements) {
    // 10. 检查每个点赞元素是否被取消点赞
    if (!likeElement.classList.contains("liked")) {
      // 11. 如果点赞元素被取消点赞，将取消点赞的人的信息添加到数组中
      unlikers.push({
        name: likeElement.getAttribute("data-name"),
        id: likeElement.getAttribute("data-id"),
      });
    }
  }
}, 1000);

// 12. 将取消点赞的人的信息显示出来
console.log(unlikers);