js网页收藏夹

<button id="addToFavorites">收藏</button>
<div id="favoritesList"></div>

document.getElementById('addToFavorites').addEventListener('click', function() {
    const url = window.location.href;
    const title = document.title;
    let favorites = JSON.parse(localStorage.getItem('favorites')) || [];
    if (!favorites.some(item => item.url === url)) {
        favorites.push({ title, url });
        localStorage.setItem('favorites', JSON.stringify(favorites));
        updateFavoritesList();
    }
});

function updateFavoritesList() {
    const favorites = JSON.parse(localStorage.getItem('favorites')) || [];
    const list = document.getElementById('favoritesList');
    list.innerHTML = '';
    favorites.forEach((fav, index) => {
        const favItem = document.createElement('div');
        favItem.textContent = fav.title;
        favItem.addEventListener('click', function() {
            window.open(fav.url, '_blank');
        });
        const removeBtn = document.createElement('button');
        removeBtn.textContent = '删除';
        removeBtn.addEventListener('click', function(event) {
            event.stopPropagation();
            favorites.splice(index, 1);
            localStorage.setItem('favorites', JSON.stringify(favorites));
            updateFavoritesList();
        });
        favItem.appendChild(removeBtn);
        list.appendChild(favItem);
    });
}

updateFavoritesList();