Как сохранить созданные элементы?

15 января 2021, 12:20

У меня есть такой код:

$(function createTest () {
   standartCount = 2;
   $('#standartAns').click(function () {
      $('#create .jumbotron form').append('<div class="AnsAdd' + standartCount + '"></div><hr>');
      $('#create .jumbotron .AnsAdd' + standartCount).append('<div class="row"><div class="form-group col-md-5"><input class="form-control" type="text" placeholder="Добавьте название к вопросу"></div></div>');
      $('#create .jumbotron .AnsAdd' + standartCount).append('<div class="row"><div class="form-group col-md-3"><input class="form-control" type="text" placeholder="1 вариант ответа"></div></div>');
      $('#create .jumbotron .AnsAdd' + standartCount).append('<div class="row"><div class="form-group col-md-3"><input class="form-control" type="text" placeholder="2 вариант ответа"></div></div>');
      $('#create .jumbotron .AnsAdd' + standartCount).append('<div class="row"><div class="form-group col-md-3"><input class="form-control" type="text" placeholder="3 вариант ответа"></div></div>');
      $('#create .jumbotron .AnsAdd' + standartCount).append('<div class="row"><div class="form-group col-md-3"><input class="form-control" type="text" placeholder="4 вариант ответа"></div></div>');
      standartCount++;
   });
})

После обновления страницы, эти элементы пропадают. Как сделать чтобы после обновления они не пропадали?

Answer 1

$(document).ready(function(){ 
  let data = []; 
  data = JSON.parse(localStorage.getItem("item")); 
  if (data !== null && data !== undefined){ 
    data.forEach(function(el){ 
      $("#data-res").append('<p>'+ el +'</p>'); 
    }); 
  } 
   
  $("#btn").click(function(){ 
    $("#data-res").append('<p>'+ $("input").val() +'</p>'); 
	let data1 = []; 
    let d = JSON.parse(localStorage.getItem("item")); 
	console.log(d); 
	if (d === null || d === undefined){ 
		data1.push($("input").val()); 
	} 
	else { 
		d.forEach(function(elem){ 
			data1.push(elem); 
		}); 
		data1.push($("input").val()); 
	} 
    //data.push($("input").val()); 
    localStorage.setItem("item",JSON.stringify(data1)); 
  }); 
});

<html> 
<head> 
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> 
</head> 
<body> 
<input type="text" /> 
<button id="btn">Добавить</button> 
<div id="data-res"></div> 
</body>

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

Все вопросы

ТОП-10

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

Не работает маска для ввода номера, подгрузка input через ajax

126

javascript

Как высчитать значения для каждого?

Есть такой код

123

javascript

При входе на сайте через андроид предлагать скачать с play market

При входе на сайте через андроид смартфон, планшет предлагать скачать приложение с play market-а , как такое можно реализовать можете примерчик...

108

javascript

MomentJs время на 3 часа меньше приходит на почту

Почему-то при выборе времени, в state записывается выбранное, потом при отправке на почту доходит ровно на 3 часа меньшеstate: Thu May 30 2019 23:43:52 GMT+0300...