Front-end Web Development

Assignment for Week 10

  1. Download this zip with an HTML and CSS file.
  2. Include a <script> reference in the HTML file to the latest version of jQuery.
  3. Create a JS file of your own and include a <script> reference to it in the HTML file.
  4. Add behavior that makes clicking the "Add a new item" button create a new item at the end of the to-do-list, based off the first existing item. You will want to use these jQuery functions: Read up on the jQuery API Documentation to learn how to use these functions. A great help would be to use this version of the Twitter client we looked at in class, which uses the above functions.

Extra credit:

  1. Change the CSS so new-field is shown by default.
  2. Change the JS such that the text in the new item is the same as what's in new-field. You will need these additional jQuery functions:

Solution