on click my tasks wont move to the other list, yet it shows no errors in the js console, can you look into my code plz?

'''/// USER INTERACTION DOESNT PROVIDE DESIRED RESULTS

/// SOLUTION: ADD INTERACTIVITY SO THE USER CAN MANAGE DAILY TASKS

var taskInput = document.getElementById("new-task") ; var addButton = document.getElementsByTagName("button")[0]; var incompleteTasksHolder = document.getElementById("incomplete-tasks") ; var completeTasksHolder = document.getElementById("completed-tasks") ;

//NEW TASKS LI ITEM

var createNewTaskElement = function(taskString) {

///Create list item var listItem = document.createElement("li") ; ///CREATE AN INPUT WITH THE CHECKBOX var checkBox = document.createElement("input"); ///checkbox ///CREATE A LABEL var label = document.createElement("label"); ///CREATE AN INPUT (TEXT) var textInput = document.createElement("input"); ///text

///CREATE A BUTTON (CLASS = EDIT)
var editButton = document.createElement("button"); ///edit

///CREATE A BUTTON (CLASS = DELETE)
var deleteButton = document.createElement("button"); ///delete

///EACH ELEMENT  NEEDS MODIFIED AND 


//APPENDED
listItem.appendChild(checkBox);
listItem.appendChild(label);
listItem.appendChild(textInput);
listItem.appendChild(editButton);
listItem.appendChild(deleteButton);

return listItem; }

// ADD A NEW TASK

var addTask = function (){

console.log("addTask...");

//CREATE A NEW LIST ITEM WITH THE TEXT FROM #NEW-TASK

var listItem = createNewTaskElement("some new task"); // Append list item to incompleteTasksHolder

incompleteTasksHolder.appendChild(listItem); bindTaskEvents(listItem, taskIncomplete);

};

// EDIT EXISTING TASK

var editTask = function (){

console.log("edittask...");

}; //WHEN EDIT BUTTON IS PRESSED //IF THE CLASS OF PARENT ELEMENT IS EDITMODE //SWITCH FROM EDITMODE //LABEL TEXT BECOMES INPUT'S VALUE //ELSE //SWITCH TO EDITMODE //INPUT VALUE BECOMES LABEL TEXT

//(TOGGLE EDITMODE ON PARENT)

// DELETE EXISTING TASK

var deleteTask = function (){

console.log("deletetask...");

}; //WHEN DELETE BUTTON IS PRESSED //REMOVE THE ELEMENT'S PARENT (LI ITEM > BUTTON)

// MARK A TASK AS COMPLETE

var taskCompleted = function (){

var listItem = this.parentNode;
completeTasksHolder.appendChild(listItem); bindTaskEvents(listItem, taskCompleted);

};

// WHEN CHECKED BOX IS CHECKED, APPEND THE LIST ITEM TO THE COMPLETED UL AND REMOVE FROM INCOMPLETE UL

// MARK A TASK AS INCOMPLETE

var taskIncomplete = function() {

console.log("taskIncomplete...");

var listItem = this.parentNode;
incompleteTasksHolder.appendChild(listItem); bindTaskEvents(listItem, taskIncomplete);

// WHEN CHECKED BOX IS UNCHECKED, APPEND THE LIST ITEM TO THE UNCOMPLETED UL AND REMOVE FROM COMPLETED UL

};

//bind task events

var bindTaskEvents = function(taskListItem, checkBoxEventHandler) {

console.log("bindlistevents");

//select tasklistitem's children :

var checkBox = taskListItem.querySelector("input[type=checkbox]"); var editButton = taskListItem.querySelector("button.edit"); var deleteButton = taskListItem.querySelector("button.delete");

//bind editTask to edit button

editButton.onclick = editTask;

//bind deleteTask to delete button

deleteButton.onclick = deleteTask;

//bind checkBoxEventHandler to checkbox

checkBox.onchange = checkBoxEventHandler;

};

//Set the click handler to the addTask function

addButton.onclick = addTask;

//cycle over the ul incomplete li items,

for (var i = 0 ; i < incompleteTasksHolder.children.length ; i +=1) {

bindTaskEvents(incompleteTasksHolder.children[i],taskIncomplete);

}

//cycle over the ul completed li items, //bind events to li items children (taskIncomplete)

for (var i = 0 ; i < completeTasksHolder.children.length ; i +=1) {

bindTaskEvents(completeTasksHolder.children[i],taskCompleted);

}'''