Docs/JavaScript/LocalStorage

LocalStorage

Menyimpan data di browser yang persisten (tidak hilang saat tab ditutup).

Methods

  • localStorage.setItem(key, value)
  • localStorage.getItem(key)
  • localStorage.removeItem(key)
  • localStorage.clear()

Note: Hanya menyimpan string. Untuk object/array, gunakan JSON.stringify/parse.

sessionStorage

Sama seperti localStorage, tapi data hilang saat tab ditutup.

script.js
Try It →
function saveName() {
  const name = document.getElementById('nameIn').value;
  localStorage.setItem('userName', name);
  document.getElementById('lsOutput').textContent = '✅ Saved: "'+name+'"';
}
function loadName() {
  const name = localStorage.getItem('userName');
  document.getElementById('lsOutput').textContent = name ? '📦 Loaded: "'+name+'"' : '⚠️ No data found';
}
function clearName() {
  localStorage.removeItem('userName');
  document.getElementById('lsOutput').textContent = '🗑️ Cleared!';
}