localStorage JS как правильно использовать

Всем привет! Недавно начал изучать JS, при создании "ToDo" формы столкнулся с тем, что после обновления страницы пропадают все добавленные дела. Узнал про localStorage, вроде получилось правильно вписать в свой код, но при обновлении все равно пропадает весь список. Помогите добрым советом)))

window.onload = function(){
  var todoList = [];
  document.getElementById('add').onclick = function(){
    var d = document.getElementById('in').value;
    var temp = {};
    temp.todo = d;
    temp.check = false;
    var i = todoList.length;
    todoList[i] = temp;
    console.log(todoList);
    out();
    localStorage.setItem('todo', JSON.stringify(todoList) );
  }
  function out(){
    var out = '';
    for (var key in todoList){
        if (todoList[key].check == true){
            out += '<input type="checkbox" checked>';
        }
        else {
            out += '<input type="checkbox">';
        }
        out += todoList[key].todo + '<br>';
    }
    document.getElementById('out').innerHTML = out;
  }
}