html取消关注的js代码

在开发网页时，我们经常需要添加取消关注的功能。为了实现这个功能，我们需要使用JavaScript编写代码。

function cancelFollow() {
  // 获取取消关注的按钮
  var cancelBtn = document.getElementById("cancel-btn");
  
  // 为按钮添加点击事件监听器
  cancelBtn.addEventListener("click",function(event) {
    // 阻止默认的点击事件
    event.preventDefault();
    
    // 弹出确认框
    var confirmResult = confirm("确定要取消关注吗？");
    
    // 如果用户点击了确认按钮
    if (confirmResult) {
      // 发送取消关注的请求
      
      // 更新页面显示：已取消关注
      
    }
  });
}

以上代码实现了取消关注的基本功能。我们首先获取了取消关注的按钮，并为其添加了点击事件监听器。在点击按钮时，我们使用JavaScript弹出了一个确认框。如果用户点击了确认按钮，我们就会发送取消关注的请求，并更新页面显示为“已取消关注”。