Я постараюсь быть коротким. То, что я делаю, это список дел. И каждый раз, когда добавляется новая задача, я хочу сохранить список и загружать его каждый раз, когда страница открывается снова. Оно работает! Вроде ... это спасает только первое задание и все. Почему это? Вот первая часть кода, следующая - просто стилизация, поэтому я пропущу ее:
document.getElementById("list").innerHTML = localStorage.getItem("listContent");
// As you can see, I try to load it everytime the page is opened.
var listEmpty = document.createElement('p');
listEmpty.style.position = 'relative';
listEmpty.style.top = '40%';
listEmpty.style.transform = 'translateY(-50%)';
listEmpty.style.fontSize = '18pt';
var listEmptyNode = document.createTextNode('Все още нямате добавени задачи.');
var body = document.getElementsByTagName('body')[0];
var add = document.getElementById('add');
add.onclick = function() {
...
И вот последняя часть:
newtaskFormInputHour.value = newtaskFormInputHour.value.replace(/ /g,'');
newtaskFormInputMinute.value = newtaskFormInputMinute.value.replace(/ /g,'')
var tasklist = document.getElementById('list');
var task = document.createElement('div');
task.setAttribute("class", "task");
var taskNode = document.createTextNode(newtaskFormInputHour.value + ":" +
newtaskFormInputMinute.value + " | " + newtaskFormInputName.value);
tasklist.appendChild(task);
task.appendChild(taskNode);
darken.parentNode.removeChild(darken);
listEmpty.parentNode.removeChild(listEmpty);
localStorage.setItem("listContent", document.getElementById("list").innerHTML);
// And here, after each click on the 'Add a task' button and the task's name, hour and minutes are saved, it deletes the form and saves the list.
}
Итакчто я делаю не так?