Question: USE THE FOLLOWING SKELETON body { width: 80%; margin: auto; } input { color: grey; font-size: 80%; padding: 2px 15px 2px 15px; text-align: right; }


USE THE FOLLOWING SKELETON
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;
}
#header {
margin: auto;
min-width: 1200px;
max-width: 1200px;
overflow: auto;
color: white;
padding: 15px;
margin-top: 35px;
font-size: 270%;
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;
}
/* INSERT YOUR JAVASCRIPT HERE */
Good Sipping Coffee
Welcome to the Good Sipping Coffee Website
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 a customer purchased no coffees, they earn O points . If a customer purchased 1 coffee, they earn 2 points . If a customer purchased 2 coffees, they earn 5 points * If a customer purchased 3 coffees, they earn 9 points If a customer purchased more than 3 coffees, they earn 9 points plus an additional 2 points for each coffee above 3. 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, confirm if they are a Preferred Customer, and then calculate and display the number of award points earned Requirements For this assignment; Your program will calculate the award points as described above 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 1. 2. 3. You will then add JavaScript code to the provided assignment6.html skeleton file within the 4. A typical program flow would declare the variables needed to solve the problem, initialize the variables, solicit input, perform the data manipulation and/or calculations and display the result 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* 6. You will utilize prompt() functions to request input from the customer. Your message should be descriptive enough to solicit data from someone not familiar with the assignment
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
