Сохранить данные поля ввода в Localstorage

Question

Я новичок здесь, поэтому, пожалуйста, прости меня, если я не в том месте.

Я начал использовать JavaScript пару недель go.

Я хотел бы сохранить имя в локальном хранилище с полем ввода, а затем снова запросить это имя на второй странице. Цель состоит в том, чтобы пользователь написал имя, et c. на первой странице, а затем идет с кнопкой на второй странице, где все записи перечислены для печати. Вторая страница по-прежнему отсутствует.

С моим кодом, к сожалению, я не могу получить больше и ничего не сохраняется.

<fieldset>
    <legend>Bitte Eintragen</legend>
    <input id="name" type="text" placeholder="Name Eingeben">
    <button type="button" id="eingabeknopf">Speichern</button>
    <button type="button" id="löschen">Löschen</button>
</fieldset>

<fieldset>
    <legend>Ausgabe</legend>
    <div id="lsAusgabe"></div>
</fieldset>

<script>

   const name = document.getElementbyId("name") 
   const eingabeknopf = document.getElementbyId("eingabeknopf") 
   const lsAusgabe = document.getElementbyId("lsAusgabe") 
   const löschen = document.getElementbyId("löschen")   


   eingabeknopf.onklick = function () {

       const name = name.value;

       console.log(name);

       if name {
           localStorage.setItem(name);
           location.reload;
       }
   };

   for (let i= 0; i < localStorage.length; i++) {
       const name = localStorage.name(i);

       lsAusgabe.innerHTML += `${key}: <br />`;
   }

   eingabeknopf.onklick = function() {
       localStorage.clear();
   }

</script>