Bonjour,

Voila je rencontre un petit problème avec mon code.

C'est une ToDo list, tout fonctionne bien ,et j'aimerais la sauvegarder quand je recharge ma page...(voilà mon probleme)

VOICI MON CODE
let enterButton = document.getElementById("enter");
let input = document.getElementById("userInput");
let ul = document.querySelector("ul");

function inputLength() {
return input.value.length;
}
function createListElement() {

let li = document.createElement("li");
li.appendChild(document.createTextNode(input.value));
ul.appendChild(li);
input.value = "";
 function crossOut() {
    li.classList.toggle("done");
    }                                
li.addEventListener("click", crossOut);

let dBtn = document.createElement("button");
dBtn.appendChild(document.createTextNode("X"));
li.appendChild(dBtn);
dBtn.addEventListener("click", deleteListItem);

function deleteListItem() {
    li.classList.add("delete");
}

}//fin de la fonction createListElement

function addListAfterClick() {

if (inputLength() > 0) {
    createListElement();
}

}// fin de la fonction addListAfterClick

function addListAfterKeypress(event) {
if (inputLength() > 0 && event.which === 13) {
createListElement();
}

}// fin de la fonction addListAfterKeypress

enterButton.addEventListener("click", addListAfterClick);

input.addEventListener("keypress", addListAfterKeypress);
Entourez votre code pour bien le mettre en forme



J'aimerais quand je recharge ma page retrouver mes infos de ma todo list

je suis débutant encore et forcement beaucoup de choses m'echappent,en fait avec localStorage je sais qu'on peut le faire mais
mon soucis est que je ne sais le manipuler dans ce code là,si quelqu'un pouvez m'aider....
Merci d'avance à tous

1 réponse


goby
Auteur

sujet resolu