ローカルストレージを利用して、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()で保存されたテキストを、表示したい部分に適用する。
この記事が気に入ったらサポートをしてみませんか?