TODO



<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8"/>
  <title>Lista de tarefas</title>
</head>

<body>

<h1>Lista de tarefas</h1>

<form id="tarefaForm">
  <input type="text" name="tarefa" id="descricao"/>
  <button type="submit">Enviar</button>
</form>

<button value="Limpar" id="limpa">Limpar tarefas</button>

<ul id="tarefas">
</ul>


<script type="text/javascript" source src="todo.js"></script>

</script>

</body>

</html>


todo.js

(function () {
    "use strict";

    function Tarefa(descricao) {
        this.descricao = descricao;
    }

    var tarefas = [];

    document.getElementById("tarefaForm").onsubmit = function(e) {
        e.preventDefault();
        var descricao = document.getElementById("descricao").value;
        tarefas.push(new Tarefa(descricao));
        atualizarTarefa();
        document.getElementById("descricao").value = "";
    }

    function atualizarTarefa(){
    var i = 1;
        var lista = document.getElementById("tarefas");
        lista.innerHTML = "";

        tarefas.forEach(function(tarefa){

      var ckbox = document.createElement("input");
      ckbox.setAttribute("type", "checkbox");
      ckbox.setAttribute("name", "ck");
      ckbox.setAttribute("value", "ck");
      ckbox.setAttribute("id", "i");

      var check = document.create
            var item = document.createElement("li");
            item.innerHTML = tarefa.descricao;
      lista.appendChild(ckbox);
            lista.appendChild(item);

      document.getElementById("i").addEventListener("click", function(){
        alert("Hello World!");
      });


        });
    }


})();