sauvegarde de données ToDo list

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