새로 고침 후 localStorage 값을 html로 유지하는 방법은 무엇입니까?

Question

var btn = document.getElementById('insert'), 
 
    s = 0; //To increment the key(+1) each time the button is clicked and the user inputs the values so the first object's key is 1 then the second one is 2 and so on 
 
btn.addEventListener('click', function() { 
 
     var ModelMake = prompt("Enter The Model Make"), 
 
     ModelYear = prompt("Enter The Model Year"), 
 
     Km = prompt("Enter The Amount Of Km"), 
 
     Price = prompt("Enter The Price"), 
 
     Status = prompt("Enter The Car's Status"), 
 
     table = document.getElementById('table'); 
 
     var tableout = document.getElementById('tableout'), 
 
     FinalPrice, 
 
     Details; 
 

 
     localStorage.setItem(s += 1, JSON.stringify({ 
 
     ModelMake: ModelMake, 
 
     ModelYear: ModelYear, 
 
     Km: Km, 
 
     Price: Price, 
 
     Status: Status, 
 
     FinalPrice: FinalPrice, 
 
     Details: Details 
 
     }));

이 코드의 행에서 다음 변수 값 (사용자 입력들을) 삽입하고 난 때 물체에도 로컬 스토리지에 저장된 리프레쉬 할 때마다 값은 컬럼 (셀)에 분명히 내 브라우저를 닫습니다하지만 내가 어떻게 새로 고침 또는 localStorage에서 그것을 추출하지 않고도 브라우저를 닫을 지 여부를 html로 유지하는 방법을 원한다.

Answer 1

데이터를 쿠키에 저장할 수 있습니다. 정확히 수행 할 경우 Javascript and Cookies

Answer 2

, 당신은 무엇을 요구 내가 당신을 위해 몇 가지 옵션을 참조하십시오 : 여기에 사용 될 수있는 튜토리얼입니다

1. 페이지로드에서 모든 로컬 스토리지 키를 통해 갈 수는, 최대 숫자를 찾고 S에 할당하십시오 (여기에 모든 키를 통과하는 방법은 Get HTML5 localStorage keys입니다). 난 정말이 방법이 마음에 안하지만 ... 별도의 키/값 쌍으로
2. 스토어 s 값은 페이지로드에 압축을 풉니 다