本地存储保存和检索文本输入值

Question

因此，我尝试在用户输入文本输入字段后保存它的值，然后在单击action2时重新加载页面后，它将保存的值推入文本输入字段的值中。 从我的代码可以看出，我对此主题知识不多，但是我正在努力学习一门课程，并且尝试了所有我能想到的东西！

提前致谢！

<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

您几乎在那里：

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