Как сделать чтобы те задания которые мы добавляем в список оставались там навсегда. И не только у меня, а у любого кто открыл сайт?
<div class="wrapper">
<div class="header">
<h1>Список</h1>
<div class="col">
<input type="text" placeholder="Добавить" id="toDoEl">
<span class="addBtn" onclick="newElement()">Добавить</span>
</div>
</div>
<ol id="list">
</ol>
</div>
var list = document.querySelector('ul');
list.addEventListener('click', function (ev) {
if(ev.target.tagName === "LI") {
ev.target.classList.toggle('checked');
} else if(ev.target.tagName === "SPAN") {
var div = ev.target.parentNode;
div.remove();
}
}, false);
function newElement() {
var li = document.createElement('li');
var inputValue = document.getElementById('toDoEl').value;
var t = document.createTextNode(inputValue);
li.appendChild(t);
if(inputValue == "") {
alert("Введите ваше дело!");
} else {
document.getElementById('list').appendChild(li);
}
document.getElementById('toDoEl').value = "";
var span = document.createElement('SPAN');
var txt = document.createTextNode("X");
span.className = "close";
span.appendChild(txt);
li.appendChild(span);
}
