データ保存 localStorage sessionStorage

<textarea name="" id="textArea" cols="30" rows="10"></textarea>
<button id="saveData">保存</button>
<button id="readData">読込</button>

const textArea = document.getElementById("textArea");
const saveData = document.getElementById("saveData");
const readData = document.getElementById("readData");

saveData.addEventListener("click", () => {
  localStorage.setItem("savekey", textArea.value);
});

readData.addEventListener("click", () => {
  textArea.value = localStorage.getItem("savekey");
})

localStorage.setItem(“key”, “data”) ローカルストレージに保存
localStorage.getItem(“key”)
localStorage.removeItem(“key”)
localStorage.clear()　ローカルストレージ全体をクリアする

localStorage 保持期限の制限無し
sessionStorage セッションが終了時にデータがクリアされる