Etapa 4 - Concluir e excluir tarefas

Commit: Etapa 4 - concluir e excluir tarefas

Objetivo

Poder marcar uma tarefa como concluída e apagar tarefas.

O que foi feito

• Clicar na tarefa troca ela de coluna (Pendentes <-> Concluídas). Na coluna Concluídas ela fica riscada.
• Cada tarefa ganhou um botão X que apaga a tarefa.
• Criamos a função moverPara, que faz tudo de uma vez: move a tarefa, risca (ou tira o risco) e atualiza os contadores.

function moverPara(item, coluna) {
  coluna.appendChild(item);
  if (coluna == concluidas) {
    item.classList.add("feita");
  } else {
    item.classList.remove("feita");
  }
  atualizarContadores();
}

Escolhas

• A função moverPara evita repetir código: ela é usada ao criar, ao clicar e (na próxima etapa) ao arrastar.
• No botão X usamos evento.stopPropagation(). Como o X fica dentro da tarefa, sem isso clicar no X também trocaria a tarefa de coluna.

< Anterior | Próxima: Etapa 5 >