Добавить товар в избранное и сохранить его в Cookie

Question

У меня есть этот пункт:

<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-файл, который сохранит, что элемент был отмечен как любимый.

Пример: https://codepen.io/anon/pen/GzOmNe#anon-login

Кто-то может мне помочь?Спасибо

Answer 1

вы можете создать cookie по этой строке

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

Answer 2

Я не рекомендую использовать куки.Вместо этого вы должны использовать localStorage.

function saveFav () {

  document.getElementById('movie-item').classList.add('favorites');
  
  // Save
  localStorage.setItem('favorites', 'movie');
  // Get
  var fav = localStorage.getItem('favorites');
  console.log(fav);
}

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

<button onclick="saveFav()">Mark as favorite</button>