JavaScript by Example

Managing task status

Inside ToDoClass, include the two new methods:

 toggleTaskStatus(index) {  this.tasks[index].isComplete = !this.tasks[index].isComplete;   this.loadTasks(); } deleteTask(event, taskIndex) {   event.preventDefault();   this.tasks.splice(taskIndex, 1);   this.loadTasks(); }

The first method, toggleTaskStatus(), is used to mark a task as completed or incomplete. It is called when a checkbox is clicked (onChange) with the index of the task, which was clicked as the parameter: 

• Using the task's index, we assign the task's isComplete status as the negation of its current status not using the (!) operator. Hence, the completion status of the tasks can be toggled in this function.
• Once the tasks variable is updated with new data, this.loadTasks() ...