Mauwanna0327
Eternal Poster
- Joined
- Jul 20, 2017
- Posts
- 773
- Reaction
- 114
- Points
- 269
Code:
<!DOCTYPE>
<html>
<head>
<title>assign activity</title>
<script >{
var theForm = document.forms["orderForm"];
var chickenPrice = new Array();
chickenPrice[rfc]=30;
chickenPrice[sfc]=60;
chickenPrice[kfc]=90;
var selectedFlavor = theForm.elements["selectedFlavor"]
for (var i = 0; i<selectedFlavor; i++){
if (selectedFlavor[i].checked){
chickenBuy = chickenPrice[selectedFlavor[i].value];
break;
}
return chickenBuy;
}
var chickenSize = new Array();
chickenSize[rfcS]=15;
chickenSize[rfsM]=30;
chickenSize[rfsL]=45;
chickenSize[sfcS]=60;
chickenSize[sfcM]=75;
chickenSize[sfcL]=90;
chickenSize[kfcS]=105;
chickenSize[kfcM]=120;
chickenSize[kfcL]=135;
function chickenSize() {
var selectedSize = theForm.elements["size"];
}
}</script>
</head>
<body>
<form action=" " id="orderForm" onsubmit="return false;">
<form style="text-align: left;">
<h3> CHICKEN SHOPPEE</h3>
<div style="text-align: left;"></div>
<table style="text-align: left; width: 1080px; height: 150px;"
border="5" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>
<table style="text-align: left; width: 359px; height: 190px;"
border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td style="text-align: left;">
<input type = "radio" name="selectedFlavor" value="rfc" onclick="calculateTotal"><h3>REGULAR FRIED CHICKEN $30</h3> <img src= "C:\Users\jjdantes\Desktop\web-dev\regular.jpeg" alt="regular fried chicken" width="150" height="60">
</button><br></td>
<td style="text-align: top-left;">Size<br>
<input type="radio" name="size" value="rfcS">small <br> +$15<br>
<input type="radio" name="size" value="rfsM">medium +$30<br>
<input type="radio" name="size" value="rfsL">large <br> +$45<br>
</select><br>
Quantity:<input type="text" size="2" max="20" name="quantity" id="quantity"></td>
</tr>
</tbody>
</table>
</td>
<td>
<table style="text-align: left; width: 359px; height: 190px;"
border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td style="text-align: left;">
<input type = "radio" name="selectedFlavor" value="sfc" onclick="calculateTotal"> <h3>SPICY FRIED CHICKEN $60</h3> <img src= "C:\Users\jjdantes\Desktop\web-dev\spicy.jpeg" alt="spicy fried chicken" width="150" height="60">
</button><br></td>
<td style="text-align: top-left;">Size<br>
<input type="radio" name="size" value="sfcS">small <br> +$60<br>
<input type="radio" name="size" value="sfcM">medium +$75<br>
<input type="radio" name="size" value="sfcL">large <br> +$90<br>
</select><br>
Quantity:<input type="text" size="2" max="20" name="quantity" id="quantity"></td>
</tr>
</tbody>
</table>
</td>
<td>
<table style="text-align: left; width: 359px; height: 190px;"
border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td style="text-align: left;">
<input type = "radio" name="selectedFlavor" value="kfc" onclick="calculateTotal"><h3>KOREAN FRIED CHICKEN $90</h3> <img src= "C:\Users\jjdantes\Desktop\web-dev\korean.jpeg" alt="korean fried chicken" width="150" height="60">
</button><br></td>
<td style="text-align: top-left;">Size<br>
<input type="radio" name="size" value="kfcS">small <br> +$105<br>
<input type="radio" name="size" value="kfcM">medium +$120<br>
<input type="radio" name="size" value="kfcL">large <br> +$135<br>
</select><br>
Quantity:<input type="text" size="2" max="20" name="quantity" id="quantity"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 1080px; height: 30px;"
border="5" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>Number of Order:
<input id="display" type="text" name="display" placeholder="** **" >
<input name="Add Order" type="submit" value="Add Order"></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 1080px; height: 50px;"
border="5" cellpadding="1" cellspacing="1">
<tbody>order summary
<tr>
<td>quantity</td>
<td>product</td>
<td>size</td>
<td>unit price</td>
<td>price</td>
<td>subtotal</td></td>
</tr>
<tr>
<div style="overflow-x: auto;">
<td> <input type="number" id="display" name="quantity"></td>
<td> <input type="display" name="selectedFlavor"></td>
<td> <input type="display" name="size"></td>
<td> <input type="display" name="basedValue"></td>
<td> <input type="display" name="value"></td>
<td> <input type="display" name="calculateTotal"></div></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 1080px; height: 30px;"
border="5" cellpadding="1" cellspacing="1">
<tbody>order payment
<tr>
<td><input type="checkbox" id="discount" name="discount">20% discount cash:<input type="text" size="10" max="20" name="cash"> change:<input type="text" size="10" max="20" name="cash"></td>
</tr>
</tbody>
</table><br>
<input type="submit" name="submit">
<div id="footer"> © 2019|All Rights Reserved.<br>
NOTE: Maximum quantity per item is 20</div>
</form>
</body>
</html>