How save changes to HTML on reload?

const htmlContent = document.querySelector("body").innerHTML;
        console.log(htmlContent)
        localStorage.setItem('newPage', htmlContent);

const htmlContent = document.querySelector("body").innerHTML;
        console.log(htmlContent)
        localStorage.setItem('newPage', htmlContent);

const pageAccessedByReload = (
    (window.performance.navigation && window.performance.navigation.type === 1) ||
      window.performance
        .getEntriesByType('navigation')
        .map((nav) => nav.type)
        .includes('reload')
  );
  
  if(pageAccessedByReload === true) {
    console.log("lul");
    let str = document.querySelector("body");
    str.innerHTML = localStorage.getItem("newPage");
    var parser = new DOMParser();
    var doc = parser.parseFromString(str, 'text/html');
    doc.body;
  }

const pageAccessedByReload = (
    (window.performance.navigation && window.performance.navigation.type === 1) ||
      window.performance
        .getEntriesByType('navigation')
        .map((nav) => nav.type)
        .includes('reload')
  );
  
  if(pageAccessedByReload === true) {
    console.log("lul");
    let str = document.querySelector("body");
    str.innerHTML = localStorage.getItem("newPage");
    var parser = new DOMParser();
    var doc = parser.parseFromString(str, 'text/html');
    doc.body;
  }