localStorage Text

by Lien Z

HTML

<ul contenteditable="true" id="edit">
    <li>Do me a favour</li>
</ul>

CSS

li{list-style:square;}

JavaScript

$(function(){
    var edit = document.getElementById("edit");
    $("#edit").blur(function(){
        localStorage.setItem("todoData",this.innerHTML);

        
    });
   // when the page loads 
    if(localStorage .getItem("todoData")){
       edit.innerHTML =  localStorage.getItem("todoData");
    }
});