Проблема со скриптом?

155

20 апреля 2018, 15:15

Есть инпут с id=userName, на нём же есть иконка с id=remember_icon по нажатию на которую я сохраняю значение логина в localStorage, а потом при заходе на страницу проверяю, если инпут пустой, подставляю значение из хранилища, чтобы пользователь не вбивал каждый раз логин, а только пароль, в js новичок, нагородил каши, а как в порядок привести не знаю). Заранее спасибо.

 (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]);
}
})
();

Answer 1

Может быть всё дело в том,что вы слушаете не то событие? нужно же слушать click, а не нажатие кнопки на клавиатуре keyup И не совсем поняла, почему подставляете потом в инпут такое значение localStorage[inputLogin]

Answer 2

Это вряд ли Вам поможет, но все же:

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 (на момент события)
  });
});

Создание сайта для агентства недвижимости в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

операторы сравнения js

есть переменная

154

javascript

Как взять value по классу

Есть h1 с названием item`а

140

javascript

js callback после выполнения default функции

Я получаю callback(выше), но мне нужно получить еще один после завершения default действий для fileUploadResponse это возможно сделать?

129

javascript

Wordpress и написание jQuery

Не смог найти ответ в гугле, поэтому спрашиваю здесьПишу плагин на Wordpress и вместо привычно написание $('#id'), приходится писать jQuery('#id') - так...

160