Javascript 将项目添加到收藏夹并将其保存在Cookie中

我有这个项目：

<li><a style="display: none">Movie</a><div id="movie-item" class="filterDiv thriller science-fiction action horror war 2018"></div></li>

以及一个按钮，用于将该项目保存到收藏夹中：

<button onclick="document.getElementById('movie-item').item.classList.add('favorites');">Mark as favorite</button>

这很好，因为当我点击“收藏夹”部分时，该项目显示正确！ 但问题是：我想创建一个Cookie来保存标记为收藏夹的项目

例如：

---

有人能帮我吗？谢谢

我不建议使用cookies。您应该改用本地存储

函数saveFav{ document.getElementById'movie-item'。classList.add'favorites'； //拯救 setItem'favorites'、'movie'； //得到 var fav=localStorage.getItem'favorites'； console.logfav； } 电影

---

标记为收藏夹您可以通过此行创建cookie

document.cookie = "cookieName=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

---

我建议使用本地存储。您可以将所选内容保存为字符串，然后稍后将保存的项目加载回页面。如果它是一个项目列表，那么您可以使用JSON stringify之类的工具将信息转换为字符串，并使用JSON parse命令从字符串返回。这对我不起作用，检查这支笔以便更好地理解：打开控制台并查看。。。单击“将BMW标记为收藏夹”按钮后，保存的数据将存储在fav变量中。您可以通过调用localStorage.getItem'favorites'获取标记的项目，并执行您想要的操作。。。。