script.js

function carregarTarefas() {
  const tarefas = JSON.parse(localStorage.getItem("tarefas")) || [];
  tarefas.forEach(t => criarTarefa(t.texto, t.concluida));
}

function salvarTarefas() {
  const lista = document.querySelectorAll("#lista li");
  const tarefas = [];

  lista.forEach(li => {
    tarefas.push({
      texto: li.firstChild.textContent,
      concluida: li.classList.contains("concluida")
    });
  });

  localStorage.setItem("tarefas", JSON.stringify(tarefas));
}

function criarTarefa(texto, concluida = false) {
  const li = document.createElement("li");
  li.textContent = texto;

  if (concluida) {
    li.classList.add("concluida");
  }

  li.onclick = () => {
    li.classList.toggle("concluida");
    salvarTarefas();
  };

  const botaoRemover = document.createElement("button");
  botaoRemover.textContent = "X";

  botaoRemover.onclick = (e) => {
    e.stopPropagation();
    li.remove();
    salvarTarefas();
  };

  li.appendChild(botaoRemover);

  document.getElementById("lista").appendChild(li);
}

function adicionarTarefa() {
  const input = document.getElementById("inputTarefa");
  const texto = input.value;

  if (texto === "") return;

  criarTarefa(texto);
  salvarTarefas();

  input.value = "";
}

carregarTarefas();