Skip to content

Instantly share code, notes, and snippets.

@sferik

sferik/homework.md

Last active December 16, 2015 19:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sferik/5485413 to your computer and use it in GitHub Desktop.
Save sferik/5485413 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
homework.md

WDI Homework - April 29, 2013

JavaScript TODO List

Create a client-side TODO list application in JavaScript.

Requirements
  • Uses jQuery
  • When you enter text into a box and press the "Add" button, it adds an item to your "TODO" list and clears the text box
  • When you click on a checkbox next to each "TODO" item, it must:
    • Move that item to a separate "Completed" list
    • Strikethrough the text
    • Change the text color to red
  • When you uncheck the box next to each "Completed" item, it must:
    • Move the item back to the "TODO" list
    • Remove the strikethrough
    • Change the text color back to the default (black)
  • Add a "Delete" button that will delete the item without marking it as done
Bonus
  • Support due dates on list items (consider using jQuery UI Datepicker)
  • Animate an item moving from "TODO" to "Completed" and "Completed" to "TODO" (consider using jQuery UI)
  • Animate deleting an item
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment