(function() {
  //инпут
  var inputLogin = document.getElementById("userName");
  //иконка по нажатию на которую сохранять логин
  var rememberIcon = document.getElementById("remember_icon");
  //переменная для сохранения
  var savedLogin;

  rememberIcon.addEventListener('keyup', function() {
    inputLogin.value = localStorage.getItem('savedLogin') || '';
  });

  if (localStorage[inputLogin] && localStorage[inputLogin].length > 0) {
    inputLogin.val(localStorage[inputLogin]);
  }
})();

var inputLogin;

document.addEventListener('DOMContentLoaded', () => {            // при готовности объектной модели (когда все элементы документа созданы)
  inputLogin = document.getElementById('userName');              // выбираем из документа элемент инпута
  inputLogin.value = localStorage.getItem('savedLogin') || '';   // присваиваем его значению сохраненное в localStorage, либо пустую строку (при отсутствии сохр. знач.)
  let rememberIcon = document.getElementById('remember_icon');   // выбираем элемент, который у нас будет реагировать на клик
  rememberIcon.addEventListener('click', () => {                 // добавляем ему слушателя события "клик"...
    localStorage.setItem('savedLogin', inputLogin.value);        // ...при котором, в localStorage будет добавлена/изменена запись с именем "savedLogin" и значением элемента inputLogin (на момент события)
  });
});