將保存的數據從本地存儲顯示到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'));