Сохранение значений input-ов в localStorage

179

22 февраля 2018, 12:51

Есть 3 инпута, надо сохранить их значения в localStorage. Все три поля не может сохранить почему-то:

var txt = document.getElementById("1"); 
txt.value = localStorage["1"] || ""; 
window.go = function() { 
  localStorage["1"] = txt.value; 
} 
var txt = document.getElementById("2"); 
txt.value = localStorage["2"] || ""; 
window.go = function() { 
  localStorage["2"] = txt.value; 
} 
var txt = document.getElementById("3"); 
txt.value = localStorage["3"] || ""; 
window.go = function() { 
  localStorage["3"] = txt.value; 
}

<input id="1"> 
<input id="2"> 
<input id="3">

Answer 1

Сохранение и получение значений из localStorage реализуется с помощью методов setItem и getItem
Сохранять значения input-ов имеет смысл при их изменении, то есть при срабатывании события change

Пример реализации:

document.addEventListener("DOMContentLoaded", function() {
  var ids = ["1", "2", "3"];
  for (var id of ids) {
    var input = document.getElementById(id);
    input.value = localStorage.getItem(id);
    (function(id, input) {
      input.addEventListener("change", function() {
        localStorage.setItem(id, input.value);
      });
    })(id, input);
  } 
});

Полный пример в JSFiddle