Возможно ли сохранять в localStorage динамически добавляемые input, а после перезагрузки страницы возвращать их вместе с value?

document.getElementById('b').addEventListener('click', function() { 
  // Сохраняем значения в виде массива. 
  var data = []; 
  data.push(document.getElementById('t1').value); 
  data.push(document.getElementById('t2').value); 
  data.push(document.getElementById('t3').value); 
  localStorage.setItem('k', JSON.stringify(data)); 
}); 
window.addEventListener('load', function() { 
  // Загружаем их, распаковывая сохранённый массив. 
  var data = JSON.parse(localStorage.getItem('k')); 
  document.getElementById('t1').value = data[0]; 
  document.getElementById('t2').value = data[1]; 
  document.getElementById('t3').value = data[2]; 
});

<input id="t1"><br> 
<input id="t2"><br> 
<input id="t3"><br> 
<button id="b">Save</button>