We will utilize the website you created in unit 1. Duplicate your folder that contains your...

  

Transcribed Image Text:

• We will utilize the website you created in unit 1. Duplicate your folder that contains your website. Organize your website folder with the proper folder structure. You should have a folder for your CSS and scripts. • Create another webpage and call it contactUs.html, provide the proper head elements, and add a title tag with an appropriate title to compliment your website theme. ● o Add any CSS to carry the theme over to the new page. o Create a basic form that fits the theme for your website. This can be a contact form or some form for ordering products. ■ The form must contain the following elements: w3School Reference (Make sure you add your id's) ■ Two fields to accept text ■ Two radio buttons ▪ Three checkboxes that have some type of numerical value ■ One combo box that contains 2 items ■ Two buttons for Cancel and Submit Create a new JS file and name it validation Form.js, place the new file into your scripts folder. Utilize the proper techniques to add the new js file to your Html code. JavaScipt: o Use javascript to grab the information from the form, some fields can be optional but the user must enter a value in at least two text fields before pressing the submit button. (Hint: Event Listeners) o Create a function to check if both text fields are not empty, the function should return a boolean value. If the value returned was false, present an alert with a proper message to enter the correct value in the field. Set the focus on the text box. o Create a function that handles some type of mathematic problem and returns a value. o If the user entered in all the required fields, console out any information that is relevant to what they selected to the console along with the answer to the math equation when they press the submit button. This will show that you know how to grab information from the form fields and present it in any future projects. • We will utilize the website you created in unit 1. Duplicate your folder that contains your website. Organize your website folder with the proper folder structure. You should have a folder for your CSS and scripts. • Create another webpage and call it contactUs.html, provide the proper head elements, and add a title tag with an appropriate title to compliment your website theme. ● o Add any CSS to carry the theme over to the new page. o Create a basic form that fits the theme for your website. This can be a contact form or some form for ordering products. ■ The form must contain the following elements: w3School Reference (Make sure you add your id's) ■ Two fields to accept text ■ Two radio buttons ▪ Three checkboxes that have some type of numerical value ■ One combo box that contains 2 items ■ Two buttons for Cancel and Submit Create a new JS file and name it validation Form.js, place the new file into your scripts folder. Utilize the proper techniques to add the new js file to your Html code. JavaScipt: o Use javascript to grab the information from the form, some fields can be optional but the user must enter a value in at least two text fields before pressing the submit button. (Hint: Event Listeners) o Create a function to check if both text fields are not empty, the function should return a boolean value. If the value returned was false, present an alert with a proper message to enter the correct value in the field. Set the focus on the text box. o Create a function that handles some type of mathematic problem and returns a value. o If the user entered in all the required fields, console out any information that is relevant to what they selected to the console along with the answer to the math equation when they press the submit button. This will show that you know how to grab information from the form fields and present it in any future projects.

Answer rating: 100% (QA)

The contact form contains the following Name Email Subject Message There are also send and resume bu... View the full answer