use the skeleton code below and fill in code (typed preferred as handwriting tends to be illegible!!!!)

Thank you very much in advance!

!DOCTYPE HTML>

body {

width: 80%;

margin: auto;

}

input {

color: grey;

font-size: 80%;

padding: 2px 15px 2px 15px;

text-align: right;

}

button {

margin: 20px;

font-size: 70%;

}

label {

margin-left: 30px;

}

p.openingRemarks {

font-size: 200%;

text-align: center;

}

#header {

margin: auto;

min-width: 1200px;

max-width: 1200px;

overflow: auto;

color: white;

padding: 15px;

margin-top: 35px;

font-size: 250%;

text-align: center;

background: #5E99D3;

border-radius: 15px;

}

h1 { background-color:#ffffff;

color:#5E99D3;

font-family: Georgia, "Times New Roman", serif;

text-align:center;

border-bottom: 3px ridge #330000;

border-right: 3px ridge #330000;

}

input[type=radio] {border: 0px; width: 15%; height: 1em;

}

Good Sipping Coffee

Welcome to the

Good Sipping Coffee Shop

Frequent Buyer Site

Problem to solve: The Good Sipping Coffee Shop has a frequent buyer club that awards points to its customers based on the number of coffees purchased each month. The points are awarded as follows If the customer purchases 0 coffees, they earn 0 points * If the customer purchases 1 coffee, they earn 3 points * If the customer purchases 2 coffees, they earn 6 points * If the customer purchases 3 coffees, they earn 10 points If the customer purchases more than 3 coffees, they earn an additional 2 points on top of the 10 points for each coffee above 3. Good Sipping Coffee Shop also awards points based on the dollar value spent on non-coffee merchandise. Three (3) points are awarded for every $15 spent. Partial awards are not provided. For example, 3 points will be awarded for spending $15.00 up to $29.99. No points are awarded for less than $15. Preferred Customers receive a bonus of double award points The Good Sipping Coffee Shop website needs to be updated to ask the customer to enter the number of coffees purchased last month, the dollars spent on non-coffee merchandise, confirm if they are a Preferred Customer, and then calculate and display the number of award points earned Requirements: For this assignment; 1. Your program will calculate the award points as described above. 2. You will generate HTML comments to add your name, section and TA name. Each on a separate line within the tags. This will (should) NOT be visible in the document on the web browser) Utilize a

tag You will then add the HTML tags with the proper JavaScript code to produce: 3. 4. a. A textbox to solicit the number of coffees purchased b. A textbox to solicit the dollars of non-coffee merchandise c. Grouped radio buttons to determine Preferred Customer membership d. A button to calculate the number of points awarded e. A read-only textbox to display the result the calculatiorn Utilize JavaScript comments to explain the steps you are preforming within your code. A JavaScript comment's form is 5. Place your comment between the stars Problem to solve: The Good Sipping Coffee Shop has a frequent buyer club that awards points to its customers based on the number of coffees purchased each month. The points are awarded as follows If the customer purchases 0 coffees, they earn 0 points * If the customer purchases 1 coffee, they earn 3 points * If the customer purchases 2 coffees, they earn 6 points * If the customer purchases 3 coffees, they earn 10 points If the customer purchases more than 3 coffees, they earn an additional 2 points on top of the 10 points for each coffee above 3. Good Sipping Coffee Shop also awards points based on the dollar value spent on non-coffee merchandise. Three (3) points are awarded for every $15 spent. Partial awards are not provided. For example, 3 points will be awarded for spending $15.00 up to $29.99. No points are awarded for less than $15. Preferred Customers receive a bonus of double award points The Good Sipping Coffee Shop website needs to be updated to ask the customer to enter the number of coffees purchased last month, the dollars spent on non-coffee merchandise, confirm if they are a Preferred Customer, and then calculate and display the number of award points earned Requirements: For this assignment; 1. Your program will calculate the award points as described above. 2. You will generate HTML comments to add your name, section and TA name. Each on a separate line within the tags. This will (should) NOT be visible in the document on the web browser) Utilize a

tag You will then add the HTML tags with the proper JavaScript code to produce: 3. 4. a. A textbox to solicit the number of coffees purchased b. A textbox to solicit the dollars of non-coffee merchandise c. Grouped radio buttons to determine Preferred Customer membership d. A button to calculate the number of points awarded e. A read-only textbox to display the result the calculatiorn Utilize JavaScript comments to explain the steps you are preforming within your code. A JavaScript comment's form is 5. Place your comment between the stars