如何在刷新后将本地存储值保留在 html 中

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 中，无论我刷新还是关闭浏览器而不必从 localStorage 中提取它，因为我不知道怎么做，它也不是我真正的东西要。