我需要一些關(guān)于我正在從事的項(xiàng)目的幫助。此問題所需的部分是用戶創(chuàng)建一個(gè)按鈕，然后單擊它以根據(jù)該按鈕的 id（根據(jù)用戶輸入創(chuàng)建）更新頁面的部分內(nèi)容。這有效。但是，我希望能夠使用 localStorage 保存和檢索這些按鈕。我以前曾使用過 localStorage，但我嘗試的任何方法似乎都不起作用。是否可以在本地存儲(chǔ) HTML 元素？只是尋找一些關(guān)于我應(yīng)該如何解決這個(gè)問題的說明，或者一個(gè)例子。謝謝，艾略特。頁面加載時(shí)：if (typeof(Storage) !== "undefined") { let groupsLoaded = localStorage.getItem("storedGroupArray"); $("#createdGroups").prepend(groupsLoaded);}創(chuàng)建和（希望）存儲(chǔ)按鈕時(shí)：let groupArray = []; function addGroup() { let userInput = $("#groupName").val(); if(userInput.length >= 1) { let newGroup = $(`<button id='${userInput}' class='createdGroupsButton'>${userInput}</button>`); $("#createdGroups").append(newGroup); groupArray.unshift(newGroup); let groups = localStorage.setItem("storedGroupArray", userInput); $("#groupName").val(""); } else { alert("Please enter a group name.") } };到目前為止的代碼鏈接：https://codepen.io/elliot7-7/pen/zYvrBWy
1 回答
慕田峪4524236
TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超5個(gè)贊
我將在 中存儲(chǔ)創(chuàng)建的組名稱的數(shù)組localStorage。
稍后可以使用指定模板將它們作為 html 元素進(jìn)行檢索和處理。
let groupArray = [];
let groupNames = [];
function addGroup() {
let userInput = $("#groupName").val();
if(userInput.length >= 1) {
let newGroup = $(`<button id='${userInput}' class='createdGroupsButton'>${userInput}</button>`);
$("#createdGroups").append(newGroup);
groupArray.unshift(newGroup);
groupNames = [...groupNames, userInput];
localStorage.setItem("storedGroupArray", JSON.stringify(groupNames));
$("#groupName").val("");
} else {
alert("Please enter a group name.")
}
};
if (typeof(Storage) !== "undefined") {
let storedGroupNames = JSON.parse(localStorage.getItem("storedGroupArray"));
if(storedGroupNames) {
for(let groupName of storedGroupNames) {
let newGroup = $(`<button id='${groupName}' class='createdGroupsButton'>${groupName}</button>`);
$("#createdGroups").append(newGroup);
}
}
}
- 1 回答
- 0 關(guān)注
- 168 瀏覽
添加回答
舉報(bào)
0/150
提交
取消