將保存的數據從本地存儲顯示到html頁面上

Question

我正在做一個學校項目，在其中創建網頁以允許用戶輸入，然后將其顯示在另一個頁面上。 在“創建事件”頁面上是一個表單。 我已經將所有輸入保存到本地存儲中，但是現在我不確定如何檢索數據以顯示在另一個名為“事件描述”的頁面上。 這是我的代碼：

function saveToStorage() {
     var nameofevent=document.getElementById("name").value;
     var pList=document.getElementsByName("pos");
     var positions=[];

     for (i=0; i<pList.length; i++){
     positions.push(pList[i].value);
     console.log(pList[i].value);
     }

     //for (i=0; i<positions.length; i++){
     //console.log(positions[i].value);
     //}

     var venue= document.getElementById("venue").value;
     var date=document.getElementById("date").value;
     var starttime=document.getElementById("timeStart").value;
     var endtime=document.getElementById("timeEnd").value;
     var contact=document.getElementById("contact").value;
     var email=document.getElementById("email").value;
     var desc=document.getElementById("desc").value;

     var one={"name":nameofevent,"pos":positions,"venue":venue,"date":date,"timeStart":starttime,"timeEnd":endtime,"contact":contact,"email":email,"desc":desc};
     localStorage["CreateEvent"]=JSON.stringify(one);


     return false;
 }

Answer 1

這個：

localStorage["CreateEvent"]=JSON.stringify(one);

...應該：

localStorage.setItem('CreateEvent', JSON.stringify(one));

...的倒數將是：

var one = JSON.parse(localStorage.getItem('CreateEvent'));