<input type="text" id="in"> //**ввод текста-комментария**
<button id="add">Add</button>//**добавление текста-комментария**
<div id="out" class="out"></div>// **по идее должен был быть контейнером**
Дальше идет скрипт: -----тут непосредственно добавляются значения в localstorage-----
window.onload = function() {
var todoList=[];
if (localStorage.getItem('todo')!=undefined){
todoList= JSON.parse(localStorage.getItem('todo'));
out()
}
document.getElementById('add').onclick = function () {
var d=document.getElementById('in').value;
var temp={};
temp.todo=d;
temp.check=false;
var i=todoList.length;
todoList[i]=temp;
console.log(todoList);
out();
localStorage.setItem('todo', JSON.stringify(todoList));
}
}
а вот функция, которая просто выводит один за одним текст, где не удается сделать отдельные блоки с содержимым input-ов
function out() {
let container=document.createElement('div');
container.className="container";
var out='';
for (var key in todoList){
out+=todoList[key].todo+"<br>";
}
container.innerHTML=out;
document.getElementById('out').appendChild(container)
// container.appendChild=out;
}
}
Для пояснения: я хочу сделать что-то вроде блога и эта реализация нужна для добавления записей на странице.