如何使用本地存储保持输入和页面相同

Question

您好，我编写了一个代码，其中包含应用了过滤器的工作搜索。我遇到的唯一问题是它与用户关闭或刷新网页时设置的过滤器的保持方式不同。我没有使用复选框

这是我目前的代码

saveTask: function(name, isCompleted) {
window.localStorage.setItem(name, isCompleted);
 },
 renderTasks: function() {
 for (var i = 0; i < window.localStorage.length; i++) {
  var taskName = window.localStorage.key(i);
  var isCompleted = window.localStorage.getItem(taskName) == "true";
  var taskHTML = Todo.template.replace("<!-- TASK_NAME -->", taskName);

  if (!isCompleted) {
    Todo.container.insertAdjacentHTML('afterbegin', taskHTML);
   }
  }
 }

这是一个js小提琴https://jsfiddle.net/4p8awnqx/6/ 我试图使用本地存储保持过滤器相同，以便当它关闭或刷新时保持不变