Как я могу применить HTML localStorage к этим innerHtml клеткам?

Question

Я не знаю, как применить localStorage к innerHTML.У меня есть форма, которая работает, но когда я перезагрузить страницу , я теряю данные.

Я создаю приложение с Js Framework Electron.js , используя Xel Инструментарий.Это HTML, это кнопка для хранения полного <form>:

<x-button toggled id="agree-button" onclick="AddItem()">
   <x-label>Save</x-label>
</x-button>

Javascript

function AddItem(){
    const currentTable = document.getElementById("table2"),
    newRow = currentTable.insertRow(currentTable.length),
    cel1 = newRow.insertCell(0),
    cel2 = newRow.insertCell(1),
    cel3 = newRow.insertCell(2),
    cel4 = newRow.insertCell(3),
    cel5 = newRow.insertCell(4),
    cel6 = newRow.insertCell(5),
    name = document.getElementById("p_name").value,
    id = document.getElementById("p_id").value,
    description = document.getElementById("p_description").value,
    dir = document.getElementById("p_dir").value,
    email = document.getElementById("p_email").value,
    total = document.getElementById("p_total").value;

    cel1.textContent = name;
    cel2.textContent = id;
    cel3.textContentL = description;
    cel4.textContent = dir;
    cel5.textContent = email;
    cel6.textContent = total;
}

, пытающегося применить localStorage таким образом:

...

var name = localStorage.getItem("name");
if (name !== null){
  document.querySelector("p_name").value;
}