收藏夹的本地存储列表

Question

我正在Web应用程序中使用此codepen，即使它在网站上也可以使用，在我刷新页面的情况下，无论列表中的第一项是什么，它都被标记为收藏项在刷新之前被标记。

var favorites = JSON.parse(localStorage.getItem('favorites')) || [];

favorites.forEach(function(favorite) {
  document.getElementById(favorite).className = 'fav';
});

document.querySelector('.list').addEventListener('click', function(e) {
  var id = e.target.id,
      item = e.target,
      index = favorites.indexOf(id);

  if (!id) return;

  if (index == -1) {
    favorites.push(id);
    item.className = 'fav';

  } else {
    favorites.splice(index, 1);
    item.className = '';
  }

  localStorage.setItem('favorites', JSON.stringify(favorites));
});

我们非常感谢您的帮助！

CodePen