Javascript - To-do List - Local storage

Finally completed the todo list... 

The last part was remaining. Now I have added the local storage facility as taught in tutorial. 

• To clear the local storage -     localStorage.clear();

• Adding an item to local storage-

function saveLocalTodos(todo){

//  console.log("in local storage");

  let todos;

  //check if localStorage already has todos

  if(localStorage.getItem('todos')===null){

    todos=[];

  }else {

    todos=JSON.parse(localStorage.getItem('todos'));

  }

  todos.push(todo);

  localStorage.setItem("todos",JSON.stringify(todos));

}

• changing the todo list as per the previously stored data in local storage

function getTodos(){

  let todos;

  if(localStorage.getItem('todos')===null){

    todos=[];

  }else {

    todos=JSON.parse(localStorage.getItem('todos'));

  }

  todos.forEach(function(todo){

    const todoDiv = document.createElement('div');

    todoDiv.classList.add('todoDiv');

    const todoitem=document.createElement('li');

    todoitem.innerText=todo;

    todoitem.classList.add("todoitem")

    const checked = document.createElement('button');

    checked.innerHTML='<i class="fa fa-check"></i>';

    checked.classList.add('check-btn');

    const trash = document.createElement('button');

    trash.innerHTML='<i class="fa fa-trash"></i>';

    trash.classList.add('trash-btn');

    todoDiv.appendChild(todoitem);

    todoDiv.appendChild(checked);

    todoDiv.appendChild(trash);

    todoList.appendChild(todoDiv);

  })

}

• Removing the item from local storage after removing from list

function removeLocaltodo(todo){

  let todos;

  //check if localStorage already has todos

  if(localStorage.getItem('todos')===null){

    todos=[];

  }else {

    todos=JSON.parse(localStorage.getItem('todos'));

  }

  const indexEle=todo.children[0].innerText;

  todos.splice(todos.indexOf(indexEle),1);

  localStorage.setItem("todos",JSON.stringify(todos));

}