Assignment 1: Develop a dynamic to-do list

Page 1 of 2
Assignment 1: Develop a dynamic to-do list (25%)
Due:
The purpose of this exercise is to test your knowledge custom object and object methods in JavaScript.
Instructions
The goal of the assignment is to develop a dynamic to-do list
1. The program should allow users to enter a list of tasks to do. Each task will have the following
components:
I. Task name
II. Task description
III. Task date
IV. Option to choose whether it is urgent or not
V. Task Category
VI. Task order
2. Tasks should be added by a form.
3. Tasks should be displayed as they are entered on the same page (without doing a page submission
or page refresh).
4. The user should be able to modify the tasks and the list. The users should be have the following
capabilities with the list:
I. Edit the task components
II. View the tasks
III. Remove / delete the tasks
IV. Reorder the tasks
5. The user should be able to clear all the tasks in the “to-do” list with one action.
6. The program should also let the user show and hide the list.
Requirements
1. Package your HTML, JavaScript and CSS code as a zip file and submit to D2L dropbox for
assignment 1.
Evaluation
This assessment is graded out of 25 points and will be evaluated using the following rubric.
Page 2 of 2
Assessments that are not acceptable or not received will receive a grade of zero.
Criteria
Does Not Meet
Expectations
Partially Meets
Expectations
Meets
Expectations Max
Points
Adding and
displaying task
User can not add task,
or can only add one
field for a task or the
tasks do not appear in
HTML page as they
are added
(0 point)
Tasks can be added
using a form and some
of the required fields
for the tasks can be
entered and task
appears on HTML
page.
(4 Points)
Tasks can be added
using a form and all of
the required fields for
the tasks can be
entered and task
appears on HTML
page.
(7 points)
7
Tasks are
stored as
objects
Tasks are stored as
single strings instead
of objects
(0 point)
Tasks are stored as
objects but only some
of the fields are stored
as properties
(4 Points)
Tasks are stored as
objects and all of the
fields are stored as
properties
(7 points)
7
Modify Task
None of the properties
of the task can be
modified
(0 point)
Some of the properties
of the task can be
modified
(2 points)
All the properties of
the task can be
modified
(4 points)
4
Task Order can
be changed
Task order cannot be
changed or the
changed order is not
visible in HTML
(0 points)
Task order is changed
but is not visible on the
html page
(1 point)
Task order can be
changed and visible on
HTML page without
page refresh or page
submission
(2 points)
2
Clear/delete all
tasks
Tasks cannot be
cleared/deleted with
one action.
(0 point)
Tasks are deleted but
still remains visible in
HTML
(2 points)
Tasks are deleted and
cleared from HTML in
one action.
( 3 points)
3
Show / hide all
tasks
Tasks cannot be
shown / hidden all
together.
(0 point)
Tasks can only be
shown or hidden
altogether.
(1 point)
Tasks can be shown /
hidden all together.
(2 point)
2