localStorageに保存するサンプル

localStorageのテキストはありません。

<p id="r">localStorageのテキストはありません。</p>
<button id="b">テキスト入力ボタン</button>

const b = document.getElementById('b');
const d = document.getElementById('d');
const r = document.getElementById('r');

// localStorageに保存
b.addEventListener('click', () => {
  const txt = prompt('Input text', '');
  if (!txt) return;
  localStorage.setItem('txt', txt);
  loadStorage();
});

// localStorage削除
d.addEventListener('click', () => {
  localStorage.removeItem('txt');
  r.textContent = 'localStorageのテキストはありません。';
});

// localStorageで保存されたものを読み取り
function loadStorage() {
  const result = localStorage.getItem('txt');
  if (result) {
    r.textContent = `localStorageのテキストは${result}`;
  }
}
loadStorage();