document.getElementById('#incomplete-tasks") returning null

```//Problem: User interaction doesn't provide desired results
//Solution: Add interactivity so user can manage daily tasks.

var taskInput = document.getElementById('#new-task');
var addButton = document.getElementsByTagName('button')[0];
var incompleteTaskHolder = document.getElementById('#incomplete-tasks');
var completedTaskHolder = document.getElementById('#completed-tasks');

//Add new task(s)
var addTask = function() {
  console.log('Add task...');
  //when button is pressed
    //create a task (new list item with the text from #new-task:
      //input (checkbox)
      //label
      //input (text)
      //button.edit
      //button.delete
      //Each element, needs modified and appended (modified means, for ex., an input needs to be set to checkbox)
}

//Edit existing task(s)
var editTask = function() {
  console.log('Edit task...');
  //when edit button is pressed
    //if class of parent is .editMode
      //switch from .editMode
      //label text become the input's value
    //else
      //switch to .editMode
      //input value becomes the label's text

    //toggle .editMode on the parent
}

//Delete existing task(s)
var deleteTask = function() {
  console.log('Delete task...');
  //when delete button is pressed
    //remove parent list item from it's parent (ul)
}

//Mark existing task(s) complete
var taskCompleted = function() {
  console.log('Complete task...');
  //when checkbox is checked
    //append the task list item to the #completed-tasks
}

//Mark existing task(s) as incomplete
var taskIncomplete = function() {
  console.log('Task incomplete...');
  //when the checkbox is unchecked
    //append the task list item to the #incomplete-tasks
}

var bindTaskEvents = function(taskListItem, checkBoxEventHandler){
  console.log('Bind list item events');//test if we're doing something
  //select its children
  var checkBox = taskListItem.querySelector(input[type="checkbox"]); //using a selector such as
  var editButton = taskListItem.querySelector('button.edit'); //you can use the selector(# or .)
  var deleteButton = taskListItem.querySelector('button.delete'); //you can use the selector(# or .)
    //bind editTask to edit button
  editButton.onlick = editTask; //refrains from calling function immediately by being referenced
    //bind deleteTask to delete button
  deleteButton.onlick = deleteTast;
    //bind checkBoxEventHandler to checkbox
  checkbox.onchange = taskCompleted;
}

//set the click handler to the addTask function
addButton.onclick = addTask;

//cycle over incompleteTasksHolder ul list items
for(var i = 0; i < incompleteTaskHolder.children.length; i++){
    //bind events to list item's children (taskCompleted)
  bindTaskEvents(incompleteTaskHolder.children[i], taskCompleted); 
}

//cycle over completeTasksHolder ul list items
for (var i = 0; i < completedTaskHolder.children.length; i++) {
    //bind events to list item's children (taskIncompleted)
  bindTaskEvents(completedTaskHolder.children[i], taskIncomplete);
}