我創建了一個待辦事項應用程序來添加和刪除頁面上的任務。但是，我想在瀏覽器刷新時保留待辦事項結果。是否有可能像在數據庫或任何存儲上存儲數據一樣保存這些結果？任何想法，使這個保存數據？？現在我在這里發布了完整的代碼！因為我之前不能在這里發布代碼let menu = document.querySelector(".bs");let btn1 = document.querySelector(".btn");let btn2 = document.querySelector(".btn3"); let irp = document.querySelector(".date");let inp = document.querySelector(".input");let bsd = document.querySelector(".sss");let brs = document.querySelector(".marker");let addBr = () => { btn1.addEventListener("click", addBr); let br = document.createElement("DIV"); let dd = document.createElement("H1"); dd.innerHTML = (inp.value); br.className = "red"; var bn = document.createElement("H1"); bn.innerHTML = (irp.value); menu.appendChild(br); br.appendChild(dd); br.appendChild(bn); if( inp.value == "") { br.remove(); } else { menu.appendChild(br); } if( irp.value == "") { dd.innerHTML = "Albenis"; } else { menu.appendChild(br); } let ttt = document.createElement("BUTTON"); ttt.className = "marker"; ttt.innerHTML = "Remove"; br.appendChild(ttt); // This is the important change. Part of creating the .ttt element // is setting up its event listeners! ttt.addEventListener('click', () => br.remove()); };btn1.addEventListener("click", addBr);// Call `addBr` once to add the initial elementaddBr();<html><body><div class="bs"><input type="text" class="input"><input type="date" class="date"><button class="btn">Add</button></div></body></html>
瀏覽器刷新后保留待辦事項結果
絕地無雙
2022-09-29 15:18:53
