将html保存到Localstorage

我是新来的,如果我在错误的地方,请原谅我。 我几周前开始使用javascript。目前正面临一个小问题。我认为没有太多失踪者,因此我希望你们中的一个能帮助我。

我想使用输入字段将名称保存在本地存储中。然后在第二页上再次查询该名称。 (目标:用户在第一页上写姓名等,然后在第二页上带有一个按钮,其中列出了所有要打印的条目。/第二页仍然缺少/)

不幸的是,使用我的代码,我无法得到任何进一步的帮助,也无法保存任何信息。非常感谢您的帮助并保持健康。Krype



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