Skip to content

Latest commit

 

History

History
33 lines (30 loc) · 943 Bytes

File metadata and controls

33 lines (30 loc) · 943 Bytes

Task Manager

For this assignment we will use the follow jQuery concepts:

  • $(this)
  • Traversing html
    • .siblings()
    • .children()
    • .parent()
  • $(document).on()

Using the starter code, create the following:

  • jQuery click event on the Add Task button that appends the given HTML to the .output div
 <button id="addTask">Add Task</button>
  • jQuery .on() method that handles the unique form submission
   <form>
     <p>
       <input type="radio" name="complete" id="complete" value="true">
       <label for="complete">Complete</label>
     </p>
     <p>
       <input type="radio" name="complete" id="incomplete" value=false>
       <label for="incomplete">Incomplete</label>
     </p>
     <button>Update Task</button>
   </form>
  • Change the background color of the div
    • If complete: background color green
    • If incomplete: background color red