我目前正在創建一個待辦事項應用程序，它允許用戶將信息輸入表單并在提交后，信息顯示為項目符號列表項。我已經做到了每次提交都保存到localStorage，但是如何在瀏覽器刷新后也維護頁面上的列表項？這是我的 JSconst submitButton = document.querySelector('#stuff');const ul = document.querySelector('ul')const text = document.querySelector('#textbox');const todoArr = []// const todoArr = localStorage.getItem('todos') ? JSON.parse(localStorage.getItem('todos')):[]submitButton.addEventListener('submit', function(e){    e.preventDefault();    if(text.value !== '') {        const addLi = document.createElement('li');        const deleteBtn = document.createElement('button');        deleteBtn.innerText = 'remove';        addLi.innerText = text.value;        addLi.appendChild(deleteBtn);        ul.appendChild(addLi);        // todoArr.push(text.value)        localStorage.setItem('todos', JSON.stringify(todoArr))        text.value = '';    }})ul.addEventListener('click', function(e) {    if(e.target.tagName === 'BUTTON') {        e.target.parentElement.remove();    } else if(e.target.tagName === 'LI'){        e.target.classList.toggle('strike-thru')    }})