Commit: Etapa 3 - adicionar tarefas

Fazer o botão Adicionar funcionar.

• Criamos o js/script.js e ligamos ele no final do index.html.
• Ao clicar no botão, o texto do campo vira uma nova tarefa na coluna Pendentes.
• Se o campo estiver vazio, aparece o aviso "Digite uma tarefa!".
• Depois de adicionar, o campo é limpo.
• Criamos a função atualizarContadores(), que mostra quantas tarefas tem em cada coluna:

function atualizarContadores() {
  document.getElementById("total-pendentes").innerText = pendentes.children.length;
  document.getElementById("total-concluidas").innerText = concluidas.children.length;
}

• O <script> fica no final do <body>, para o HTML já existir quando o JavaScript rodar.
• Usamos innerText (e não innerHTML): o que a pessoa digita aparece como texto, o que é mais seguro.
• O contador conta os itens da lista (children.length) em vez de somar e subtrair, então nunca fica errado.

< Anterior | Próxima: Etapa 4 >