вывод данных из localStorage с помощью JSON.parse

242
16 января 2018, 14:45

function addMsg() { 
	let doc = document, 
		msgName,  
		msgDesc,  
		msgDate,  
		html; 
	if (doc.getElementById('name').value) { 
		msgName = doc.getElementById('name').value; 
	} else { 
		doc.getElementById('name').focus(); 
		return; 
	} 
	if (doc.getElementById('desc').value) { 
		msgDesc = doc.getElementById('desc').value 
	} else { 
		doc.getElementById('desc').focus(); 
		return; 
	} 
	msgDate = doc.getElementById('date').value = new Date(); 
	html = '<section class="msg"><div><span>By ' + msgName + '</span><span>' + msgDate + '</span></div> <p>' + msgDesc + '</p></section>'; 
	 
	let test = { 
		name: msgName,  
		desc: msgDesc, 
		date: msgDate  
	} 
	 
	localStorage.setItem('test', JSON.stringify(test));	 
	 
	//if (doc.getElementById('result').innerHTML += html) doc.forms.myform.reset(); 
	 
	let testMSG = JSON.parse(localStorage.getItem("test")); 
	 
	if (doc.getElementById('testMSG').innerHTML += html) doc.forms.myform.reset(); 
}
input, 
textarea { 
  width: 100%; 
  box-sizing: border-box; 
} 
 
section { 
  background: #e9e9e9; 
  border: 1px solid #ccc; 
  width: 320px; 
  margin: 3px; 
} 
 
p { 
  border: 1px solid #666; 
  margin: 3px; 
  padding: 5px; 
  font-size: 14px; 
} 
 
span { 
  font-size: 12px; 
  margin: 5px; 
}
<aside class="right" id="testMSG"> 
</aside> 
 
<!-- form msg comm --> 
<section class="form-box"> 
  <form id="myform" action=""> 
    <input id="name" value="" placeholder="Type your nickname here..." name="login" > 
    <textarea id="desc" placeholder="Write your comment here..." name="msg"></textarea> 
    <input id="date" type="hidden" /> 
    <input value="OK" type="button" onclick="addMsg()" />     
  </form> 
</section>

Добрый день! Пытался освоить для себя возможности localStorage, запись идет на отлично. Но после перезагрузки страницы, данные на сохраняются. Подскажите в чем дело.

Заранее спасибо!

READ ALSO
Как вывести ответы на вопросы из массивов?

Как вывести ответы на вопросы из массивов?

Как реализовать тесты я не разу не делал, попробовал сделать это впервый разЯ реализовал примерно вывод из mysql массивы вопросов, ответов и правильных...

364
Как изменить формат даты в google chart?

Как изменить формат даты в google chart?

Использую в работе google chart, а именно Dual-Y Charts и вот столкнулся с вопросом, необходимо по оси X отобразить даты формата 09/10/2017, но ничего не выходит,...

382
Как написать код акции с изменением переменной каждые 4 дня?

Как написать код акции с изменением переменной каждые 4 дня?

Помогите написать код акции Есть день например сегодня 15, акция до 19 числа, 16 числа тоже 19, но когда наступает 19 число, то акция меняется до 23, то есть...

378
Mojolicious и reCAPTCHAv2 в popup

Mojolicious и reCAPTCHAv2 в popup

Здравствуйте! Имеется такая ситуация: по нажатию кнопки "отправить" срабатывает обработчик чекера-форм, если всё верно -- вызывается всплывающее...

381