allhaile / fullstack_info_hw03

Full Stack Web Development HW03 - Javascript

FullStack_Info_HW03

#Full Stack Web Development HW03 - Javascript & jQuery

1. User sees labeled ‘To Do’ and ‘Doing’ lists, which are empty upon page load. The lists are visually distinct from each other.
2. User can add one ‘To Do’ item at a time using a text input field and an ‘Add Item’ button.
3. Each newly-added ‘To Do’ item appears at the top of the ‘To Do’ list (not the bottom).
4. User can click a button within each ‘To Do’ item to mark it as complete, at which point: a. The ‘To Do’ item disappears from the ‘To Do’ list b. The ‘To Do’ item appears at the top of the ‘Doing’ list. c. Items on the ‘Doing’ list should be styled differently than those on the ‘To Do’ list as an additional visual indication of their completion.
5. User can click a button within each ‘Doing’ item to ‘unmark’ it as complete, at which point: a. The ‘Doing’ item disappears from the ‘Doing’ list. b. The ‘Doing’ item appears at the top of the ‘To Do’ list with the same styling as the other ‘To Do’ list items.
6. Items on each list remain there until the user marks or ‘unmarks’ them.
7. Your site has a title and intuitive labeling or instructions on how to use it.
8. You can use only jQuery and JavaScript – no additional plugins/libraries.
9. Your JS and CSS code is separate from your HTML (i.e., there should be no inline CSS styling or JavaScript within your HTML file).
10. All of your JavaScript is commented appropriately.
11. Your code is clean and concise (minimal repetition and unused code)-->

#Extra Credit (4 pts):

1. Add a 'Done' section
2. User can move items from the 'Doing' list to the 'Done' list
3. User can move itesm from the 'Done' list to the 'Doing' list
4. Items on the 'Done' list should be styled differently than those on the ‘To Do’ and 'Doing' lists as an additional visual indication of their completion.