Lokaler Speicher Speichern und Abrufen von Texteingabewert

Question

So versuche ich, den Wert eines Texteingabefeldes zu speichern, nachdem ein Benutzer es eingegeben hat. Wenn die Seite dann erneut geladen wird, wird der gespeicherte Wert in den Wert von Texteingabefeld Wie Sie aus meinem Code entnehmen können, habe ich nicht viel Wissen zu diesem Thema, aber ich kämpfe durch eine Klasse dafür und habe alles versucht, was mir einfällt!

Vielen Dank im Voraus!

<input type="text" id="header" name="header" value="name"> 
<p> 
    <button onclick="action()" type="button">Save me!</button> 
</p> 
<p> 
    <button onclick="action2()" type="button">Remember me!</button> 
</p> 

<script> 
    function action() { 
     localStorage.setItem(header, name) 
    } 

    function action2() { 
     localStorage.getItem(header, name) 
    } 
</script> 

Answer 1

Sie waren fast da:

<input type="text" id="header" name="header" value="name"> 
<p><button onclick="action()" type="button">Save me!</button></p> 
<p><button onclick="action2()" type="button">Remember me!</button></p> 

<script> 
    function action() { 
     window.localStorage['header'] = document.getElementById('header').value; 
    } 

    function action2() { 
     document.getElementById('header').value = window.localStorage['header']; 
    } 
</script>