Wk6 HW Part 2: Form Validation Using Events, Event Handlers, and Event Listeners (Total Points: 50)

The second assignment for this week you will create a simple form that makes use of JS events!

Requirements:

• Use an external CSS & JS file, no internal or inline styles & scripts
  • Please comment your JS to demonstrate your understanding of what is happening
• Create a form with at least 2 inputs and a submit button
  • A good example would be First Name, Last Name, and Age.
• Use JS to provide the user with some feedback on the values they enter or choose with your inputs
• To do this you will need create a function that has an event listener on each of your inputs
  • The Event listener should call a function that evaluates the inputs value(what the user inputs)
    • HINT use this.value as it will refer to the triggering element (the input)
  • This function should take the value and use a conditional statement (if/else or switch) and provide the user with a message depending on the value. This message can appear anywhere in proximity of the form. In most form it happens below the input that triggered the feedback. The feedback can be silly, but should relate to the input value in an obvious way.
• Style your page
  • Font, color, spacing and layout should be intentional and not default for all other elements on the page
  • Use classes for styling
  • As always no CSS frameworks all custom creations from your original self