сохранить файл и локальную загрузку

Question

Добрый день всем.Я хочу создать файл и быть в состоянии загрузить его после того, как файл был сохранен / обновлен без необходимости в бэкэнде, таком как php или sql, только мои данные локального хранилища.Это мой код, и я могу загрузить исходный файл, но не могу получить обновленный и сохраненный файл.Надеюсь, кто-нибудь может мне помочь.Должен ли я отказаться от этого и просто перейти на PHP или SQL?Я был бы очень признателен за помощь.Спасибо

function savePerson() {
  var person = {
    dateOfConsult: document.getElementById('date').innerHTML,
    name: document.getElementById('txtname').innerHTML
  };
}
savePerson()

function downloadCSV(csv, filename) {
  var csvfile;
  var downloadLink;

  csvfile = new Blob([csv], {
    type: "text/csv"
  });
  downloadLink = document.createElement("a");
  downloadLink.download = filename;
  downloadLink.href = window.URL.createObjectURL(csvfile);
  downloadlink.style.display = "none";
  document.body.appendChild(downloadLink);
  downloadLink.click()
}

function exportTable to csv(filename) {
    var csv = []
    var rows = document.querySelectorAll("table tr");
    for (var i = 0; i < rows.length; i++) {
      var row = [],
        cols = rows[i].querySelectorAll("td, tr");
      for (var j = 0; j < cols.length; j++)
        row.push(cols[j].innerText);
      csv.push(row.join(","));
    }

    downloadCSV(csv.join("\n"), filename);

<h3>Profile</h3>
<form action="#" name="Profile" onsubmit="savePerson()">
  <table align="center">
    <tr>
      <td>Date of</td>
      <td><input type="text" id="date" size="30"></td>
    </tr>
    <tr>
      <td>Name</td>
      <td><input type="textname" name="name" id="textname" size="30"></td>
    </tr>