I dont understand the part when he is creating for loop,please explain someone

Question

I dont understand what is he doing for that for loop,could someone explain me detaily please

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

var addTask = function() {
  console.log("add task");
}
var editTask = function() {
  console.log("edit task");
}
var deleteTaks = function() {
  console.log("delete task");
}
var taskCompleted = function() {
  console.log("complete task");
}
var taskIncomplete = function() {
  console.log("incomplete task");
}


var bindTaskEvents = function(taskListItem, checkBoxEventHandler) {
  console.log("Bind list item events");
}
//
addButton.onclick = addTask;
//

for(var i = 0;i < incompleteTasksHolder.children.length; i++) {
  bindTaskEvents(incompleteTasksHolder.children[i], taskCompleted);
}

for(var i = 0;i < completedTasksHolder.children.length; i++) {
  bindTaskEvents(completedTasksHolder.children[i], taskIncomplete);
}

Answer 1 · 2014-12-06T15:30:01Z

December 6, 2014 3:30pm

What the loop is doing is checking how many children elements are inside of the #incomplete-tasks element, and then for each one the code passes that child element as an argument into the bindTaskEvents function along with the taskCompleted callback function. Something similar is done for the child elements of #completed-tasks.

Since bindTaskEvents only logs a message, the end result will just be that message in the console for every element looped over.

Welcome to the Treehouse Community

Looking to learn something new?

Dmitri Andronik

Dmitri Andronik

I dont understand the part when he is creating for loop,please explain someone

1 Answer

eck

eck