[Malleys]

Андрей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? А то он утверждает, что у него полностью работающий код, а на деле получается, что он просто взял и добавил в начале бессмысленный комментарий к вашему коду и ещё в конце деструктуризацию руками раскрыл (типо человек-Бабель)... Я не понял, зачем нужны такие различия, не несущие никакой практической пользы!