Subscribe to Us (HTML CSS JavaScript Mini Project)

 In this assignment, let's build a Subscribe to Us form by applying the concepts we learned till now.

Refer to the below image.

Instructions:

• Add the HTML 
  form
  , 
  input
  , 
  p
  , and 
  button
   elements to the HTML code
• Add an id 
  subscribeForm
   to the HTML 
  form
   element
• Add the ids 
  name
   and 
  email
   to the HTML 
  input
   elements respectively
• Add the ids 
  nameErrMsg
   and 
  emailErrMsg
   to the HTML paragraph elements respectively

By following the above instructions, achieve the given functionality.

• When the HTML input element with the id 
  name
   lost the focus,
  • If its value is empty, the HTML paragraph element with the id 
    nameErrMsg
     should have the error message Required* else should have an empty string.
• When the HTML input element with the id 
  email
   lost the focus,
• If its value is empty, the HTML paragraph element with the id 
  emailErrMsg
   should have the error message Required* else should have an empty string.

Resources

Use the image URL given below.

• https://d1tgh8fmlzexmh.cloudfront.net/ccbp-dynamic-webapps/subscribe-to-us-img.png

CSS Font families used:

• Roboto