将输入字段数据保存到本地存储

Question

我是新来的，所以如果我在错误的地方，请原谅我。

几周前，我开始使用JavaScript。

我想使用输入字段将名称保存在本地存储中，然后在第二页上再次查询该名称。目的是用户在第一页上写下名称等，然后在第二页上附带一个按钮，列出所有要打印的条目。第二页仍然丢失。

不幸的是，有了我的代码，我无法得到任何进一步的帮助，也没有得到任何保存。

<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>