АндрейD, вы можете для хранения своей печеньки использовать локальное хранилище. Я понимаю, что вы хотите, чтобы то, что вводит пользователь сохранялось. Для этой цели как раз подходит локальное хранилище! Вот ваш пример, который я изменил...
<p>Фамилия</p>
<input id="surname">
<p>Имя</p>
<input id="name">
<p>Отчество</p>
<input id="parent">
<script>
var inp = document.querySelectorAll("input");
document.addEventListener("input", setCookie);
function setCookie() {
var cookie = [];
for(var i = 0; i < inp.length; i++) {
cookie.push({
id: inp[i].id,
value: inp[i].value
});
}
localStorage.cookie = JSON.stringify(cookie);
}
(function getCookie() {
var cookie = JSON.parse(localStorage.cookie || "[]");
for (var i = 0; i < cookie.length; i++) {
var input = document.getElementById(cookie[i].id);
if(input) input.value = cookie[i].value;
}
})();
</script>
АндрейD, вы поняли, что поменял в вашем коде
ksa в посте №4? А то он утверждает, что у него полностью работающий код, а на деле получается, что он просто взял и добавил в начале бессмысленный комментарий к вашему коду и ещё в конце деструктуризацию руками раскрыл (типо человек-Бабель)... Я не понял, зачем нужны такие различия, не несущие никакой практической пользы!