script.js

function adicionarTarefa(evt) {
  // Evita que a pagina seja recarregada ao enviar o formulario
  evt.preventDefault();

  // Obtem os valores dos inputs
  let descricao = document.getElementById("descricao-input");

  let data = document.getElementById("data-input");

  // Cria a nova tarefa e adiciona a lista
  let novaTarefa = {
    descricao: descricao.value,
    data: data.value,
    feito: false,
  };
  tarefas.push(novaTarefa);

  popularTabela();
}

function popularTabela() {
  // Referencia ao corpo da tabela
  let conteudo = document.getElementById("conteudo");

  // Popula a tabela
  for (let i = 0; i < tarefas.length; i++) {
    let tarefa = tarefas[i];

    let linha = document.createElement("tr");
    conteudo.appendChild(linha);

    let posicao = document.createElement("th");
    linha.appendChild(posicao);
    posicao.innerText = i + 1;

    let descricao = document.createElement("td");
    linha.appendChild(descricao);
    descricao.innerText = tarefa.descricao;

    let data = document.createElement("td");
    linha.appendChild(data);
    data.innerText = tarefa.data;

    let feito = document.createElement("td");
    linha.appendChild(feito);

    let input = document.createElement("input");
    input.type = "checkbox";
    input.checked = tarefa.feito;
    feito.appendChild(input);
  }
}

// Adiciona a funcao criada ao formulario
let formulario = document.getElementById("formulario");
formulario.onsubmit = adicionarTarefa;

// Lista de tarefas a fazer
let tarefas = [
  { descricao: "Recolher o lixo", data: "02/11/2020", feito: false },
  { descricao: "Enviar email", data: "03/11/2020", feito: false },
  { descricao: "Criar página pessoal", data: "31/10/2020", feito: true },
  { descricao: "Ligar para família", data: "02/11/2020", feito: false },
  { descricao: "Tirar identidade nova", data: "09/11/2020", feito: false },
];