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
goby