0

I have created a form to calculate the price times the quantity of a item. It had more choices but I narrowed it down to one choice. But now I can't figure out how give price breaks for more quantity. Basically there are price breaks as follows:

 Item A is 4.60 for 1+ item. For 10+ items 3.40, 25+ 2.68 and so on until it hits 5000+ items.  This is the same for items, B and C except they are priced different. 

How can I calculate this using the method below:

Html Form:

<form action="#" id="price-quote" onsubmit="return false">
<table width="501" border="0" cellpadding="10" cellspacing="20" style="padding-  top:30px;">
<tr>
<th width="67" scope="row">Size:</th>
<td width="273" class="select-box">  <select id="size" name="size">
<option value="None">Select Size</option>
<option value="2.5 inches">2.5 inches</option>
<option value="3 inches">3 inches</option>
<option value="Oval">Oval</option>
</select>
</td>
 </tr>
<tr>
<th scope="row">Quanitity:</th>
<td><input type="text"  name="quantity" id="quantity" /></td>
</tr>
<tr>
 <th scope="row">&nbsp;</th>
<td><input class="button" type="button" value="Update" onmousedown="getTotal()"/></td>
</tr>
<tr>
<th> Price:</th>
<td><div id="totalPrice" style="float:right;"></div></td>
</tr>
</table>
</form>

Javascript:

var size_prices= new Array();
size_prices["None"]=0;
size_prices["2.5 inches"]=4.60;
size_prices["3 inches"]=4.90;
size_prices["Oval"]=5.10;

function getSizePrice()
 {
var sizePrice;
var theForm = document.forms["price-quote"];
 var selectedSize = theForm.elements["size"];
sizePrice = size_prices[selectedSize.value];
return sizePrice;
}

function getQuantity()
{
var theForm = document.forms["price-quote"];
//Get a reference to the TextBox
var quantity = theForm.elements["quantity"];
var howmany =0;
//If the textbox is not blank
if(quantity.value!="")
{
    howmany = parseInt(quantity.value);
}
return howmany;
}

function getTotal()
{
var instantPrice = getSizePrice() * getQuantity(); 
document.getElementById('totalPrice').innerHTML =
                                  "$"+instantPrice.toFixed(2);
}

Could someone please point me in the right direction. Thank you

1 Answer 1

3
function getTotal()
{
    var q = getQuantity();
    var unitPrice =  4.60;
    if(q >= 10){
        unitPrice =  3.40;
    } else if (q >= 25){
        unitPrice =  2.68;
    }

    var instantPrice = unitPrice * q; 
    document.getElementById('totalPrice').innerHTML =
                              "$"+instantPrice.toFixed(2);
}
2
  • This is great but how do I get this to work for items b and c that are different values?
    – Jakeray
    Feb 6, 2012 at 17:45
  • That depends on the rest of the code and HTML.. I only see 1 product in your HTML. It's not very hard to extrapolate
    – Richard
    Feb 7, 2012 at 6:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.