Почему не сохраняется имя в localStorage?

Question

[Sergo Zar]

Почему не сохраняется имя в localStorage?
Вот код:

HTML

<form id="send" action="#" method="POST">
        <input type="text" name="text" id="text" placeholder="Написать сообщение" value=""/>
        <div id="form_wrap">
            <input type="text" name="name" id="name" placeholder="Ваше имя\ник" onload="name()"/>
            <input type="submit" value="Отправить" id="submit" onclick="addname()" />
        </div>
    </form>

JS:

var name = document.getElementById("name");
name.value=  JSON.parse(localStorage.getItem('name'));
function addname (){
localStorage.setItem('name',JSON.stringfy(name.value));
}

Вроде бы всё правильно но почему-то не работает

Comments

[#ямыnginx]

JSON.parse переводит JSON строку в массив.
Наверное из-за этого.

[Шохрух Шаймардонов]

Судя по вашему коду он нормально записывается.
После записи откройте девтулз и гляньте
https://images.app.goo.gl/JyVsyjs2a7Xy4bZC8
З.ы. не надо оборачивать в JSON.stringify() name.value. он просто строка

[Sergo Zar]

Шохрух Шаймардонов, то есть я бессмысленно превращал строку в JSON?
(В девтулз зайти не могу т.к. сейчас не дома)

[Шохрух Шаймардонов]

Sergo Zar, ну как будете так сразу

Answer 1

[Надим]

Разместите на странице с формой следующий код:

<script type="text/javascript">

// Ждем готовности документа и запускаем функцию name_save:
document.addEventListener('DOMContentLoaded', name_save);

function name_save() {
	
	// Проверяем хранилише на наличие имени:
	
	if (localStorage.getItem('user_name')) {
		
		// Если в хранилище имеется имя пользователя, всталяем его в поле input#name:
		document.querySelector('input#name').value = localStorage.getItem('user_name');
		
	}
	
	// Далее, мы устанавливаем на поле с именем обработчик input
	// Этот обработчик будет срабатывать всякий раз, при вводе данных:
	
	document.querySelector('input#name').addEventListener('input', function() {
		
		// При срабатывании обработчика, считываем имя с поля:
		var name = document.querySelector('input#name').value;
		
		// И записываем его хранилище (акутуализируем):
		localStorage.setItem('user_name', name);
		
	});
	
}

</script>

Читайте комментарии.

Comments

[Sergo Zar]

Спасибо!

Answer 2

[Александр Черемхин]

const name = document.getElementById("name");
    name.value=  localStorage.getItem('name');
    function addname (){
        localStorage.setItem('name',name.value);
    }

Comments

[Sergo Zar]

Зачем debugger; и return false?

[Александр Черемхин]

не надо ничего этого. Забыл удалить.
Что и интересно - там какой-то конфликт происходит если поставить
var name =...с const name =... все ок
код поправил

[Sergo Zar]

Александр Черемхин, понял.