app.js

var listElement = document.querySelector("#app ul");
var inputElement = document.querySelector("#app input");
var btnElement = document.querySelector("#app button");

var toDos = JSON.parse(localStorage.getItem("list_todos")) || [];

function renderTodos() {
  listElement.innerHTML = "";

  for (todo of toDos) {
    var todoElement = document.createElement("li"); //criando a li
    var todoText = document.createTextNode(todo); // criando o texto que vai em cada li

    todoElement.appendChild(todoText); // dando append no texto para a li
    listElement.appendChild(todoElement); // dando append na li para a ul

    var linkElement = document.createElement("a"); //criando a tag a
    linkElement.setAttribute("href", "#"); //criando o atributo href
    var linkText = document.createTextNode("Excluir"); // criando o texto da tag a

    linkElement.appendChild(linkText); // dando append no texto para a tag a
    todoElement.appendChild(linkElement); // dando append na tag a para a li
    linkElement.style.marginLeft = "20px";

    var pos = toDos.indexOf(todo);
    linkElement.setAttribute("onclick", "deleteTodo(" + pos + ")");
  }
}

renderTodos();

// adicionar to do

function addTodos() {
  if (!inputElement.value == "") {
    var content = inputElement.value;
    toDos.push(content);
    inputElement.value = "";
    renderTodos();
    saveToStorage();
  }
}

btnElement.onclick = addTodos;

// deletar to do

function deleteTodo(pos) {
  toDos.splice(pos, 1);
  renderTodos();
  saveToStorage();
}

// salvar no storage

function saveToStorage() {
  localStorage.setItem("list_todos", JSON.stringify(toDos)); // JSON = Javascript Object Notification
}