写一段文档收藏点赞取消的代码

以下是一个收藏点赞取消的代码示例，使用JavaScript和HTML：

HTML

<button id="likeButton" onclick="like()">Like</button>
<button id="favoriteButton" onclick="favorite()">Favorite</button>
<button id="unfavoriteButton" onclick="unfavorite()">Unfavorite</button>

JavaScript

// 定义一个对象，表示用户的收藏和点赞状态
var user = {
    favorites: [],
    likes: []
};

// 点击“Like”按钮时，将当前页面添加到用户的点赞列表中
function like() {
    user.likes.push(window.location.href);
    updateButtons();
}

// 点击“Favorite”按钮时，将当前页面添加到用户的收藏列表中
function favorite() {
    user.favorites.push(window.location.href);
    updateButtons();
}

// 点击“Unfavorite”按钮时，从用户的收藏列表中移除当前页面
function unfavorite() {
    var index = user.favorites.indexOf(window.location.href);
    if (index > -1) {
        user.favorites.splice(index, 1);
    }
    updateButtons();
}

// 更新按钮的状态，根据用户的收藏和点赞状态来设置按钮的文本和可见性
function updateButtons() {
    var likeButton = document.getElementById("likeButton");
    var favoriteButton = document.getElementById("favoriteButton");
    var unfavoriteButton = document.getElementById("unfavoriteButton");

    if (user.likes.indexOf(window.location.href) > -1) {
        likeButton.innerText = "Liked";
    } else {
        likeButton.innerText = "Like";
    }

    if (user.favorites.indexOf(window.location.href) > -1) {
        favoriteButton.style.display = "none";
        unfavoriteButton.style.display = "block";
    } else {
        favoriteButton.style.display = "block";
        unfavoriteButton.style.display = "none";
    }
}

这段代码使用一个简单的JavaScript对象来表示用户的收藏和点赞状态。当用户点击“Like”按钮时，当前页面的URL被添加到用户的点赞列表中。当用户点击“Favorite”按钮时，当前页面的URL被添加到用户的收藏列表中，并且“Favorite”按钮会被隐藏，显示“Unfavorite”按钮。当用户点击“Unfavorite”按钮时，当前页面的URL会从用户的收藏列表中移除，并且“Favorite”按钮会重新显示。在每次操作后，按钮的状态会被更新，根据用户的收藏和点赞状态来设置按钮的文本和可见性。