ローカルストレージから保存されたデータをhtmlページに表示

Question

私は、ユーザーが入力して別のページに表示できるようにするWebページを作成している学校プロジェクトを行っています。 [イベントの作成]ページには、フォームがあります。私はすべての入力をローカルストレージに保存しましたが、今はイベントの説明と呼ばれる別のページに表示するデータを取得する方法がわかりません。ここに私のコードです：

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'));