Module 3 Lab

August 03, 2017


Module 3 Lab Intructions

The assignment for this module is to build a course registration system that allows users to sign up for a course by submitting a form. All of the form submissions will be recorded into a table.

Visual Elements

The user should see the following visual elements:

  1. An input field for the users first name
  2. An input field for the users last name
  3. An select dropdown that includes the following options: "Science Lab","Swimming","Cooking","Painting"
  4. A section labeled "Check all that apply" that includes 3 checkboxes
    • •A checkbox labeled a) Dietary Restrictions
    • •A checkbox labeled b) Physical Disabilities
    • •A checkbox labeled c) Medical Needs
  5. A submit button
  6. A table that has the following column labels: "Remove","FirstName","LastName","Activity","Restrictions"
Functional Elements

The user should be able to do the following:

  1. If the user clicks on the Submit button, a new row will be added to the table based on the data entered into the form. Each row should the show the submitted first name, last name, activity, and restrictions as well as a remove button.
  2. The restrictions section should populate based on the checkboxes that were selected. For each checkbox checked, display an "a", "b", or "c" depending on which boxes were checked. If multiple checkboxes are checked, display multiple letters.
  3. If the user clicks on the remove button, that particular row will be removed from the table
  4. The form data should reset whenever a submission is made.