ローカルストレージを利用して、ChatGPTの出力結果を保存する

function saveToLocalStorage(example1, example2, example3) {
  if (example1.trim() && example2.trim() && example3.trim()) {
    localStorage.setItem("example1", example1);
    localStorage.setItem("example2", example2);
    localStorage.setItem("example3", example3);
  }
}

function executeSaveMethods() {
  const example1 = document.getElementById("example1-element").innerText;
  const example2 = document.getElementById("example2-element").value;
  const example3 = document.getElementById("example3-element").innerText;

  saveToLocalStorage(example1, example2, example3);
}

getElementById()を使用して、各要素のテキストを取得する。
それらを、localStorage.setItemでローカルストレージに保存する。
保存に関する関数[executeSaveMethods()]は、実行したい箇所に配置する。

function getFromLocalStorage() {
  const example1 = localStorage.getItem("example1");
  const example2 = localStorage.getItem("example2");
  const example3 = localStorage.getItem("example3");

  if (example1 && example2 && example3) {
    return { example1, example2, example3 };
  }
}

function executeLoadMethods() {
  const saveData = getFromLocalStorage();
  if (saveData) {
    document.getElementById("example1-element").innerText =
      saveData.example1 || "";
    document.getElementById("example2-element").value = saveData.example2 || "";
    document.getElementById("example3-element").innerText =
      saveData.example3 || "";
  }
}

document.addEventListener("DOMContentLoaded", executeLoadMethods);

そして、localStorage.getItem()で保存されたテキストを、表示したい部分に適用する。