Your Perfect Assignment is Just a Click Away

Starting at $8.00 per Page

100% Original, Plagiarism Free, Customized to Your instructions!

glass
pen
clip
papers
heaphones

ASU Form Validation Using Events Event Handlers and Event Listeners Exercise

ASU Form Validation Using Events Event Handlers and Event Listeners Exercise

Question Description

Can you help me understand this Javascript question?

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 thevalue. This message can appear anywhere in proximity of the form. Inmost form it happens below the input that triggered the feedback. Thefeedback can be silly, but should relate to the input value in anobvious 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
  • Confirm that the code is properly indented & formatted.
  • Validate your code, there should be no errors
  • Save your files on your system in a folder called HW6Part2
  • Upload your folder and files to your ASU web space
  • Submit your assignment using a link from your web host

Example and screenshot below:

function checkUsername() {                             // Declare function  var elMsg = document.getElementById('feedback');     // Get feedback element  if (this.value.length < 5) {                         // If username too short    elMsg.textContent = 'Username must be 5 characters or more'; // Set msg  } else {                                             // Otherwise    elMsg.textContent = '';                            // Clear msg  }}var elUsername = document.getElementById('username');  // Get username input// When it loses focus call checkUsername()elUsername.addEventListener('blur', checkUsername, false);

Week6HW2Image.png

Point Distribution:

  1. Form with at least two validated inputs= 10pts
  2. User feedback methodology – Let the user know what to input/what is wrong = 10pts
  3. Use of Event Listener = 10pts
  4. Use of Conditional Statement = 10pts
  5. Content, look and feel of site. Site should look neat and clean. 10pts

"Place your order now for a similar assignment and have exceptional work written by our team of experts, guaranteeing you A results."

Order Solution Now

Our Service Charter


1. Professional & Expert Writers: Eminence Papers only hires the best. Our writers are specially selected and recruited, after which they undergo further training to perfect their skills for specialization purposes. Moreover, our writers are holders of masters and Ph.D. degrees. They have impressive academic records, besides being native English speakers.

2. Top Quality Papers: Our customers are always guaranteed of papers that exceed their expectations. All our writers have +5 years of experience. This implies that all papers are written by individuals who are experts in their fields. In addition, the quality team reviews all the papers before sending them to the customers.

3. Plagiarism-Free Papers: All papers provided by Eminence Papers are written from scratch. Appropriate referencing and citation of key information are followed. Plagiarism checkers are used by the Quality assurance team and our editors just to double-check that there are no instances of plagiarism.

4. Timely Delivery: Time wasted is equivalent to a failed dedication and commitment. Eminence Papers are known for the timely delivery of any pending customer orders. Customers are well informed of the progress of their papers to ensure they keep track of what the writer is providing before the final draft is sent for grading.

5. Affordable Prices: Our prices are fairly structured to fit in all groups. Any customer willing to place their assignments with us can do so at very affordable prices. In addition, our customers enjoy regular discounts and bonuses.

6. 24/7 Customer Support: At Eminence Papers, we have put in place a team of experts who answer all customer inquiries promptly. The best part is the ever-availability of the team. Customers can make inquiries anytime.