js 实现点击收藏

<button id="favoriteBtn">收藏</button>

document.addEventListener('DOMContentLoaded', function() {
    const favoriteBtn = document.getElementById('favoriteBtn');
    let isFavorite = false; // 初始状态为未收藏

    // 检查是否已经收藏（可以从localStorage或服务器获取）
    // 这里为了简化，使用localStorage模拟
    if (localStorage.getItem('isFavorite') === 'true') {
        isFavorite = true;
        favoriteBtn.textContent = '已收藏';
    }

    favoriteBtn.addEventListener('click', function() {
        isFavorite = !isFavorite; // 切换收藏状态

        if (isFavorite) {
            favoriteBtn.textContent = '已收藏';
            // 这里可以添加代码将收藏状态发送到服务器
            // 例如使用fetch API发送POST请求
            // fetch('/api/favorite', { method: 'POST', body: ... });
        } else {
            favoriteBtn.textContent = '收藏';
            // 同样，这里可以发送请求到服务器取消收藏
            // fetch('/api/unfavorite', { method: 'POST', body: ... });
        }

        // 将收藏状态保存到localStorage
        localStorage.setItem('isFavorite', isFavorite);
    });
});