Cześć,
tworzę aplikację todo list i od dłuższego czasu męczę się z ty aby, zmusić kod do wyświetlenia w przeglądarce tego co jest zawarte w localstorage
. Czytam i oglądam kursy, niestety nie potrafię przełożyć tego na mój kod:
const list = document.querySelector('ul');
list.addEventListener('click', function(ev) {
if (ev.target.tagName === 'LI') {
ev.target.classList.toggle('checked');
}
}, false);
// new item
function myFunction() {
const li = document.createElement("li");
const inputValue = document.getElementById("newTask").value;
const t = document.createTextNode(inputValue);
li.appendChild(t);
if (inputValue === '') {
alert("You must write something!");
} else {
document.getElementById("ul").appendChild(li);
}
// local storage
const tasks = localStorage.getItem('todo-task');
localStorage.setItem('todo-task', inputValue);
//clear
document.getElementById("newTask").value = "";
const closeTask = document.getElementsByClassName("close");
let i;
const span = document.createElement("SPAN");
const txt = document.createTextNode("Delete");
span.className = "close";
span.appendChild(txt);
li.appendChild(span);
for (i = 0; i < closeTask.length; i++) {
closeTask[i].onclick = function() {
let div = this.parentElement;
div.style.display = "none";
}
}
}
Z góry dziękuje za pomoc.