Webspeicher Live-Demo 🧪

Teste hier die verschiedenen Webspeicher-Arten deines Browsers. Gib Werte ein, speichere sie und sieh dir an, wie sie gelesen oder gelöscht werden. Der Code rechts zeigt dir, was im Hintergrund passiert.

Cookies 🍪

// Cookie setzen (1 Tag gültig)
function setCookie(name, value) {
  document.cookie = 
    `${name}=${value}; max-age=86400; path=/`;
}

// Cookie auslesen
function getCookie(name) {
  const cookies = document.cookie.split(';');
  for (let cookie of cookies) {
    const [key, value] = cookie.trim().split('=');
    if (key === name) return value;
  }
  return null;
}

// Cookie löschen
function deleteCookie(name) {
  document.cookie = 
    `${name}=; max-age=0; path=/`;
}

localStorage 📦 (Permanent)

// Wert speichern
function setLocal(key, value) {
  localStorage.setItem(key, value);
}

// Wert auslesen
function getLocal(key) {
  return localStorage.getItem(key);
}

// Wert löschen
function deleteLocal(key) {
  localStorage.removeItem(key);
}

sessionStorage temporary (Pro Tab)

// Wert speichern
function setSession(key, value) {
  sessionStorage.setItem(key, value);
}

// Wert auslesen
function getSession(key) {
  return sessionStorage.getItem(key);
}

// Wert löschen
function deleteSession(key) {
  sessionStorage.removeItem(key);
}