Clarissa M.

asked • 03/06/21

NEED HELP ASAP!!

How do I put the prices for the toppings, pizza size, and drinks in HTML and Javascript code?


I used the radio button for the pizza toppings (Pineapple, Cheese, and Black Olives) and pizza sizes (small, medium, and large) in HTML. Do I put the prices like this: value ="Black Olives" value ="20"?

Pineapple is $5 for small, medium $10, and large $12.

Cheese is $10 for small, medium $12, and large $14.

Black Olives are $20 for small, medium $22, and large $24.

Coke, Pepsi, Canada dry. Each drink is $2.


How do I display the subtotal and tax($0.13) and then grand total in label or span tag? And when selecting them, the button for the total amount is "Amount".

1 Expert Answer

By:

Patrick B. answered • 03/06/21

Tutor
4.7 (31)

Math and computer tutor/teacher

See tutors like this
See tutors like this

The user can select more than 1 type of pizza.

So you need 3 x 3 array of text boxes to store the quantities of each pizza



<!DOCTYPE HTML>


<BODY>


CHEESE BLACK OLIVE PINEAPPLE <br>



small <input type="text" id="smallcheese" value="0"/> <input type="text" id="smallblackolive" value="0"/> <input type="text" id="smallpineapple" value="0"/><br>



Medium <input type="text" id="mediumcheese" value="0"/> <input type="text" id="mediumblackolive" value="0"/> <input type="text" id="mediumpineapple" value="0"/><br>




LARGE <input type="text" id="largecheese" value="0"/> <input type="text" id="largeblackolive" value="0"/> <input type="text" id="largepineapple" value="0"/><br>




<button onclick="GO()">OK</button>


</BODY>


<script>


function GO()

{

alert('Go');



var qtySmallCheese = parseInt(document.getElementById("smallcheese").value);

var qtySmallBlackOlive = parseInt(document.getElementById("smallblackolive").value);

var qtySmallPineapple = parseInt(document.getElementById("smallpineapple").value);


var qtyMediumCheese = parseInt(document.getElementById("mediumcheese").value);

var qtyMediumBlackOlive = parseInt(document.getElementById("mediumblackolive").value);

var qtyMediumPineapple = parseInt(document.getElementById("mediumpineapple").value);


var qtyLargeCheese = parseInt(document.getElementById("largecheese").value);

var qtyLargeBlackOlive = parseInt(document.getElementById("largeblackolive").value);

var qtyLargePineapple = parseInt(document.getElementById("largepineapple").value);

alert(qtySmallCheese); alert(qtySmallBlackOlive); alert(qtySmallPineapple);

alert(qtyMediumCheese); alert(qtyMediumBlackOlive); alert(qtyMediumPineapple);

alert(qtyLargeCheese); alert(qtyLargeBlackOlive); alert(qtyLargePineapple);


var subtotal = qtySmallCheese * 5 + qtySmallBlackOlive * 10 + qtySmallPineapple * 20

+ qtyMediumCheese * 10 + qtyMediumBlackOlive * 12 + qtyMediumPineapple * 22

+ qtyLargeCheese * 12 + qtyLargeBlackOlive * 14 + qtyLargePineapple * 24;


alert(subtotal);



}

</script>



<!HTML>

Upvote • 0 Downvote
More
Report

Dylon M.

can someone answer me
Report

05/21/21

Still looking for help? Get the right answer, fast.

Ask a question for free

Get a free answer to a quick problem.
Most questions answered within 4 hours.

OR

Find an Online Tutor Now

Choose an expert and meet online. No packages or subscriptions, pay only for the time you need.