TODO app javascript

var addTasks = function(){
    console.log('Task added');

  // when we add a task we need to create various elements init for that we need to use a document.createElement

       var listItem =  createElement(newTasks.value);
        incomplete.appendChild(listItem); 
        setEvent(listItem,completedTasks);

}

 // creating a new function which we're going to use for assigning a handling event to button under <ul> tag

      var setEvent = function(liItems,checkboxHandler){
           console.log('Access');
        //here we're going to use query selector to access particular item we want to access
            var checkbox = liItems.querySelector('input[type=checkbox]');
            var delt = liItems.querySelector('button.delete');
            var edit = liItems.querySelector('button.edit');

        //assigning handler

            checkbox.onchange = checkboxHandler;
            delt.onclick = deleteTasks;
            edit.onclick = editTasks;
      }