Document.cookie

// Theme-Einstellung für 30 Tage speichern
const dreissigTage = 60 * 60 * 24 * 30;
document.cookie = `theme=dark; path=/; max-age=${dreissigTage}; samesite=lax; secure`;
document.cookie = 'lang=de; path=/; samesite=lax';

console.log(document.cookie);

const getCookie = (name) => {
  const eintrag = document.cookie
    .split('; ')
    .find((teil) => teil.startsWith(`${encodeURIComponent(name)}=`));
  return eintrag ? decodeURIComponent(eintrag.split('=').slice(1).join('=')) : null;
};

const setCookie = (name, wert, { maxAge, path = '/', sameSite = 'lax' } = {}) => {
  let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(wert)}; path=${path}; samesite=${sameSite}`;
  if (maxAge !== undefined) cookie += `; max-age=${maxAge}`;
  if (location.protocol === 'https:') cookie += '; secure';
  document.cookie = cookie;
};

const deleteCookie = (name, path = '/') => {
  // Gleicher Pfad wie beim Setzen – sonst wird nichts gelöscht
  document.cookie = `${encodeURIComponent(name)}=; path=${path}; max-age=0`;
};

setCookie('warenkorb', 'Artikel 42; Größe M', { maxAge: 3600 });
console.log(getCookie('warenkorb'));
deleteCookie('warenkorb');
console.log(getCookie('warenkorb'));

const parseCookies = () =>
  Object.fromEntries(
    document.cookie
      .split(';')
      .map((teil) => teil.trim())
      .filter(Boolean)
      .map((teil) => {
        const index = teil.indexOf('=');
        return [
          decodeURIComponent(teil.slice(0, index)),
          decodeURIComponent(teil.slice(index + 1))
        ];
      })
  );

document.cookie = 'consent=true; path=/';
const cookies = parseCookies();
if (cookies.consent === 'true') {
  console.log('Nutzer hat zugestimmt – Analytics wird geladen');
}