Hi friends, Can any one help me with the following questions,Thanks in advance .
ID: 642494 • Letter: H
Question
Hi friends,
Can any one help me with the following questions,Thanks in advance .
Part I:
In this question you will create a web site with multiple web pages for a pizza delivery company.
The user will complete the order form by filling out the control instances on the Order form, and
Checkout form. When the user finalizes the Checkout form, the order will be recorded, and the user
will receive a confirmation message.
1. Create a new Web site named pizza.
2. Add a home HTML page to the website, and designate it as the start page. Name the page
index.html. The home page introduces and describes your pizza delivery company. Use a color
scheme of your choice for the Main page. You should try to make your MainPage attractive by
adding pictures and fancy graphics.
3. Create an Order form. The form should have at least the following fields:
Size of pizza - Dropdown list
Kind of pizza - list box
Extra Cheese - Check box
Quantity - Textbox
Calculate - Button
Add to Cart - Button
Go to Cart - Button
Cost of Selected pizza - label
4. To order a pizza, the user selects the size from the drop-down list and the type from the list box,
check or uncheck Extra Cheese box, enters a quantity in the text book, and clicks the Add to
Cart button. If the user clicks on the Calculate button, the cost of the selected pizza will be
displayed in an output label on the same page. Then, the selected pizza will be added to the
shopping cart, if the pizza is already in the cart, the quantity is added to the quantity.
5. Create the necessary validation control instances to make sure that all of the input values are
valid. Display an error message to the right of the corresponding control if the input is not valid.
6. Write the code to calculate the cost of a pizza based on the following prices. In addition, extra
cheese costs $2.00 per pizza no matter the size.
----------------------------------------------------------------------------
Pepperoni Vegetarian Combo
Small 8.99 9.99 10.99
Medium 9.99 10.99 11.99
Large 10.99 11.99 12.99
----------------------------------------------------------------------------
PART II:
1. Create the Checkout page that should have appropriate controls to accept those input values.
First Name - Textbox
Last Name - Textbox
Delivery Address - Textbox
Telephone Number - Textbox
Sales Type:
Cash - Radiobutton
Credit - Radiobutton
Credit Card Type:
AX - Radiobutton
V - Radiobutton
Credit Card Number: - Textbox
Credit Card Expiration Date: - Calendar Control
Sales Amount - : Label
2. All input should be validated when the user clicks the Finalize button. If an input field is not valid,
an appropriate error message should be displayed.
3. Validate that the first and last name fields are between 1 and 20, and 1 and 25 characters in
length respectively.
4. Sales can be either Cash or Credit. Write the code to make the Credit Card Type group box
visible only if the sales type is Credit.
5. If the sales type is credit, the credit card must be validated. The AX card type has the format
XXXX-XXXXXX-XXXXX. The V card type has the format XXXX-XXXX-XXXX-XXXX. Use the
value of the radio buttons to determine the card type.
6. If the sales type is credit, use the Calendar Control to get the Expiration Date from the user. And
displays the date in a label.
7. Validate the telephone number using Regular Expression.
8. The user can click the Finalize button to finalize the order. The order will be assigned an Order
number. The order number is generated using a random number. Use the Random class to
generate a random number.
9. And the order information will be saved to HTML5 local web storage .
Explanation / Answer
i tried without css hope it helps
index.html
<html>
<head>
<h1>Pizza Corner</h1>
</head>
<body>
<a href="home.html"><button>Click Here</button></a>
</body>
</html>
home.html
<!DOCTYPE html>
<html>
<body>
<form>
Select pizza size:
<select id="mySelect">
<option value="Large">Large</option>
<option value="medium">medium</option>
<option value="small">small</option>
</select><br>
Select pizza type
<select name="type" id="type" multiple="multiple">
<option>Pepperoni</option>
<option>Vegetarian</option>
<option>Combo</option>
</select><br>
<input id="cheese" type="checkbox" name="cheesa" value="extraCheese">Extra cheesa<br>
Quantity: <input id="quantity" type="text" name="quantity"><br>
<button type="button">Calculate</button><br>
<button type="button">Add to cart</button><br>
<button type="button">Go to cart</button><br>
Total amount: <input id="amount" type="text" name="amount"><br>
</form>
<script>
function myFunction() {
var total=0;
var pizzasize=document.getElementById("mySelect").value;
var pizzatype=document.getElementById("type").value;
var cheese=document.getElementById("cheese").value;
if(pizzasize=='small' && pizzatype=='Pepperoni'){
total=total+8.99;
}
else if(pizzasize=='medium' && pizzatype=='Pepperoni'){
total=total+9.99;
}
else if(pizzasize=='Large' && pizzatype=='Pepperoni'){
total=total+10.99;
}
if(pizzasize=='small' && pizzatype=='Vegetarian'){
total=total+9.99;
}
else if(pizzasize=='medium' && pizzatype=='Vegetarian'){
total=total+10.99;
}
else if(pizzasize=='Large' && pizzatype=='Vegetarian'){
total=total+11.99;
}
if(pizzasize=='small' && pizzatype=='Combo'){
total=total+9.99;
}
else if(pizzasize=='medium' && pizzatype=='Combo'){
total=total+10.99;
}
else if(pizzasize=='Large' && pizzatype=='Combo'){
total=total+11.99;
}
if(cheese=='extraCheese'){
total=total+2;
}
var quantity=document.getElementById("quantity").value;
total=total*quantity;
document.getElementById("amount").value=total;
}
</script>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.