$-$Features to implement

$-$Adding tasks

$-$File to complete:

$-$Tasks.js: Add the task to the list using Ajax. The HTML code for the task comes from the server.

$-$Add$\_$task.php: inserts the new task into the DB and generates the HTML code of the task.

Index.html

file: Tasks.js

$$($document$).$ready$($function $()\{$

$//$ Adding a new task

$$(\text{'}$#taskForm'$).$on$(\text{'}$submit$\text{'},$ function $($e$)\{$

e$.$preventDefault$()$;

$\})$;

$//$ Delete a task

$$($document$).$on$(\text{'}$click$\text{'},$

$\text{'}.$delete$-$task$-$button'

$,$ function $()\{$

$\})$;

$//$ Handle the change in completion status of a task

$$($document$).$on$(\text{'}$click$\text{'},$

$\text{'}.$update task button'

$,$ function$()\{$

$\})$;

$\})$;

file: Add$\_$task.php

file:index.html