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

Question

所以我试图在用户输入文本输入字段后保存它的值，然后在单击 action2 时重新加载页面后，它会将保存的值推送到文本输入字段的值中。从我的代码中可以看出，我对这个主题的了解不多，但我正在努力 class 并尝试了我能想到的一切！

提前致谢！

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

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

Local storage save and retrieve text input value

javascript

storage

function

local-storage