ローカルストレージをTo-doリストに適用する方法

Question

私はアプリを開発しています。このアプリケーションの1つのセクションはToDoリストのようなものです。ユーザーは、リスト項目を追加および削除できます。 私はこのリストにローカルストレージを適用しようとしていましたが、できません。

HTML：

<input type="text" id="entrada" placeholder="" /> 
<a href="#" data-role="button" id="agregar">Add</a> 
<ul id="list" data-role="listview"> 
</ul> 

JS：

$('#agregar').on('click', function() 
{ 
$('#agregar').on('click', function(event) { $('#entrada').val("")}) 

var entrada = $('#entrada').val(); 
if($("#entrada").val() == '') 
{ return false; } 
$('#list').append('<li><a hreft="#">'+entrada+<'</a></li>'); 
$('#list').listview('refresh'); 
} 
) 

Answer 1

ここでページを閉じて、もう一度to-doリストをそれを開いた場合でも、ように、ローカルストレージに保存リストの実施例でありますまだこのコードは変更する必要がある http://codepen.io/mozzi/pen/mEwqzE

存在：

$('#agregar').on('click', function() { 
    $('#agregar').on('click', function(event) { 
    $('#entrada').val("") 
    }) 

    var entrada = $('#entrada').val(); 
    if ($("#entrada").val() == '') { 
    return false; 
    } 

    $('#list').append('<li><a hreft="#">' + entrada + '</a></li>'); 
    localStorage.setItem("todolist", $('#list').html()); 
    $('#entrada').val(""); 
    $('#list').listview('refresh'); 
}) 

$(function(){ 
    $('#list').html(localStorage.getItem("todolist")); 
})();