Javascript 如何将多个输入框的值保存到本地存储？

我有一个web应用程序，每当用户按下“回车”键时，页面上就会添加一个新的输入框。我希望在用户单击“保存”按钮时保存每个输入框的值。因此，当用户单击“保存”按钮时，所有文本都会在刷新后保存。到目前为止，输入框的所有位置都已正确保存。所有输入框都附加到“main”元素的子元素

let main = document.getElementById('main');
let ls=window.localStorage;
function saveToLS(e) {
    ls.setItem("content", main.innerHTML);
    for(let i = 0; i < main.children; i++){
        ls.setItem(`inputBox${i}`, main.children[i].value);
    }
}

function loadElements(e) {
    if(ls) {
        main.innerHTML = ls.getItem("content");
        for(let i = 0; i < main.children.length; i++) {
              main.children[i].addEventListener("keydown", inputKeyClick);
              main.children[i].value = ls.getItem(`inputBox${i}`);
        }
    }    
}

let main=document.getElementById（'main'）；
设ls=window.localStorage；
函数saveToLS（e）{
setItem（“content”，main.innerHTML）；
for（设i=0；i

对于每按下一个

回车键，您应该获取本地存储，解析JSON并再次存储

假设这是您的
输入键单击
：

函数inputKeyClick（事件）{
如果（event.keyCode===13）{
[…main.children].forEach（（项，索引）=>{
localStorage.setItem（`inputBox${index}`，item.value）
})
}
}

这只是一个可以根据您的需要改进的想法
问题是什么？我已经附加了一些信息什么是
ls
？我要说的唯一一件事是main.children是一个HTML集合，而不是数组，所以您必须添加一行代码：let children=array.prototype.slice.call（main.children）；只有这样，才能对孩子们进行foreach循环