localStorage.setItem ("", "");не работает

Question

Я пытаюсь использовать локальное хранилище HTML5.Я заполняю поля ввода и нажимаю кнопку «магазин».Затем я перезагружаю страницу и поля ввода очищаются.Затем я нажимаю кнопку «извлечь», ожидая, что поле ввода P1 будет заполнено из локального хранилища.Но поле остается пустым.В чем моя ошибка?

<button onclick="store()" >STORE</button>
<button onclick="retrieve()" >RETRIEVE</button> <br />

<input type = "text" id = "P1"><br />

<script>

function store()
{

localStorage.setItem("S1", "P1");

}

</script>


<script>

function retrieve()
{   

document.getElementById("P1").value= localStorage.getItem("S1");
}

</script>

Answer 1

Таким образом, чтобы сохранить значение ввода в localalstorage, вы должны получить значение из id и затем передать его в качестве второго параметра в setItem:

localStorage.setItem("S1", document.getElementById("P1").value);

Answer 2

HTML-тег: input, textarea = использовать «значение», а не «innerHTML».

document.getElementById("P1").value= localStorage.getItem("S1");