We will give each task the following new fields:
<select>with options for None, Not Started, Started, and Completed.
<select>with options for None, Low, Normal, and High.
number, with a valid range from 0 to 100.
Let's define these fields in the task template markup in
taskAtHand.html. The details for each task will be displayed in a section under the task name. Our template now looks like the following code snippet:
<li class="task"> <span class="task-name"></span> <input type="text" class="task-name ...