JS quote calculator rounded to two decimal places

**melbahtoast** · 05-16-2011 11:07 PM

Need help rounding the quote up to two decimal places. I've seen a lot of codes and tried a bunch (math.round, tofixed, toprecision) but not exactly sure how to use them and where to put them.

Calculator can be viewed here along with the code
http://nuinnovisions.com/shutterquotecalculator.html

Code won't fit, I'll put it in a comment.

Thanks,
Melissa

**melbahtoast** · 05-16-2011 11:08 PM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Shutter Quote Calculator</title>

<script LANGUAGE="JavaScript1.2"><!--
 
function CLcalc()
 
{		
 


var ClosedLouverPairPrice = 24.00

var priming = document.ClosedLouverCalc.priming.value;

var fauxtiltrods = document.ClosedLouverCalc.fauxtiltrods.value;
 
var coppercaps = document.ClosedLouverCalc.coppercaps.value;

var horns = document.ClosedLouverCalc.horns.value;

var arches = document.ClosedLouverCalc.arches.value;

var width = document.ClosedLouverCalc.width.value;

var widthincrements = document.ClosedLouverCalc.widthincrements.value;
 
var height =  document.ClosedLouverCalc.height.value;

var heightincrements = document.ClosedLouverCalc.heightincrements.value;

var quantity =  document.ClosedLouverCalc.quantity.value;
 
var CostClosedLouverPair = priming + fauxtiltrods + coppercaps + horns + arches + (width + widthincrements) * (height + heightincrements) * 2 / 144 * ClosedLouverPairPrice;

var CostClosedLouverTotal = priming + fauxtiltrods + coppercaps + horns + arches + (width + widthincrements) * (height + heightincrements) * 2 / 144 * ClosedLouverPairPrice * quantity;
 
 
 
 
 
 
document.ClosedLouverCalc.CostClosedLouverPair.value = Math.abs(Math.abs(priming) + Math.abs(fauxtiltrods) + Math.abs(coppercaps) + Math.abs(horns) + Math.abs(arches) + (Math.abs(width) + Math.abs(widthincrements)) * (Math.abs(height) + Math.abs(heightincrements)) * 2 / 144 * ClosedLouverPairPrice);


document.ClosedLouverCalc.CostClosedLouverTotal.value = Math.abs(Math.abs(priming) + Math.abs(fauxtiltrods) + Math.abs(coppercaps) + Math.abs(horns) + Math.abs(arches) + (Math.abs(width) + Math.abs(widthincrements)) * (Math.abs(height) + Math.abs(heightincrements)) * 2 / 144 * ClosedLouverPairPrice) * Math.floor(quantity);
 
 
 
 
 
}
 
 
 
// -->
 
</script>
</head>

**melbahtoast** · 05-16-2011 11:10 PM

Code:

<body>
<a href="shutterquotecalculatorcode.html" target="_blank">View code</a>
<form NAME="ClosedLouverCalc" method="post" enctype="text">
<label><br />
</label>
<div align="center">
  <table width="80%" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000">
    <tr>
      <td>Closed Louver Style<br />
        Quote &amp; Order</td>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr>
          <td><strong>Mid Rail Divider</strong><br />
      <select name="midraildivider" id="Mid Rail Divider">
        <option selected="selected">Select One</option>
        <option>None - 1 Panel</option>
        <option>50/50 - 2 Panel</option>
        <option>60/40 - Larger Top Panel</option>
        <option>40/60 - Larger Bottom Panel</option>
        <option>33/33/33 - 3 Panel</option>
      </select></td>
        </tr>
        <tr>
          <td><strong>Material</strong><br />
      <select name="material" id="material">
        <option selected="selected">Select One</option>
        <option>Western Red Cedar</option>
      </select></td>
        </tr>
        <tr>
          <td><strong>Thickness</strong><br />
      <select name="thickness" id="thickness">
        <option>Select One</option>
        <option>1 3/8</option>
      </select></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><div align="center"><strong>Width (in inches)</strong><br />
            <input id="width" name="width" size="6" />
  &nbsp;&nbsp;&amp;&nbsp;&nbsp;
            <select name="widthincrements" size="1">
             <option selected="selected" option value="0">0/8</option>
<option value=".125">1/8</option>
<option value=".250 ">1/4</option>
<option value=".375">3/8</option>
<option value=".500">1/2</option>
<option value=".625">5/8</option>
<option value=".750">3/4</option>
<option value=".875">7/8</option> 
            </select>
<br>
          </div></td>
          <td><div align="center">x</div></td>
          <td><div align="center"><strong>Height (in inches)</strong><br />
            <input id="height" name="height" size="6" />
  &nbsp;&nbsp;&amp;&nbsp;&nbsp;
            <select size="1" name="heightincrements">
            <option selected="selected" option value="0">0/8</option>
<option value=".125">1/8</option>
<option value=".250 ">1/4</option>
<option value=".375">3/8</option>
<option value=".500">1/2</option>
<option value=".625">5/8</option>
<option value=".750">3/4</option>
<option value=".875">7/8</option> 
            </select>
<br>
          </div></td>
        </tr>
      </table></td>
      <td><div align="center"><strong>Quantity (# of Pairs)</strong><br />
            <input ID="quantity" NAME="quantity" SIZE="6">
      </div></td>
    </tr>
    <tr>
      <td valign="top">Add-Ons Per Pair
        <br />
        <br />        <table width="100%" border="0" cellspacing="0" cellpadding="5">
          <tr>
            <td align="center" valign="top"><label>
              <div align="center"><strong>Priming $50 </strong><br />
                  <select name="priming" id="priming">
                    <option value="0">No Thank you</option>
                    <option option="option" value="50">Add to Order</option>
                  </select>
                  </label>
                </div></td>
            <td align="center" valign="top"><label>
                <div align="center"><strong>Faux Tilt Rods $50 </strong><br />
                  <select name="fauxtiltrods" id="fauxtiltrods">
                    <option value="0" selected="selected">No Thank you</option>
                    <option value="50">Add to Order</option>
                  </select>
                  </label>
                </div></td>
            <td align="center" valign="top"><label>
                <div align="center"><strong>Copper Caps $70</strong> <br />
                  <select name="coppercaps" id="coppercaps">
                    <option value="0" selected="selected">No Thank you</option>
                    <option value="70">Add to Order</option>
                  </select>
                  </label>
                </div></td>
            </tr>
          <tr>
            <td align="center" valign="top"><div align="center"><strong>Horns $50</strong> <br />
              <select name="horns" id="horns">
                <option value="0" selected="selected">No Thank you</option>
                <option value="50">Add to Order</option>
              </select>
            </div></td>
            <td align="center" valign="top"><div align="center"><strong>Arches $150</strong> <br />
              <select name="arches" id="arches">
                <option value="0" selected="selected">No Thank you</option>
                <option value="150">Add to Order</option>
              </select>
            </div></td>
            <td align="center" valign="top"><div align="center"></div></td>
            </tr>
        </table>
        <br></td>
      <td><div align="center">
  <input ID="calculate" TYPE="button" NAME="Calculate" VALUE="Calculate" onClick="CLcalc();">
  &nbsp;&nbsp;Or&nbsp;&nbsp;
        <input name="Reset" TYPE="reset" ID="reset" value="Reset">
        <br>
        <br>
        <span class="style1">Price per Pair:</span><br />
        $&nbsp;
        <input ID="pairprice" NAME="CostClosedLouverPair" SIZE="8" style="background-color: #ffffff" disabled="true"> 
          <br>
          <br>
          <span class="style1">Total:</span><br />
        $&nbsp;
        <input ID="quantityprice" NAME="CostClosedLouverTotal" SIZE="8" style="background-color: #ffffff" disabled="true">
      </div></td>
    </tr>
  </table>
  <br />
If you want to change your specificaions, please hit the &quot;Calculate&quot; button again for an accurate calculation.</div>
<label></label>
<div align="left"><br />
    <span class="style1">Customer Information</span><br />
  Fields marked with an * are required.<br />
  <br />
  <table width="50%" border="0" cellspacing="0" cellpadding="5">
    <tr>
      <td align="center" valign="top"><label>
        <div align="left"><strong>Name</strong><br />
          <input name="Name" type="text" id="Name" value="*" />
          </div>
        </label></td>
      </tr>
    <tr>
      <td align="center" valign="top"> <label>
        <div align="left"><strong>Phone</strong><br />
          <input name="phone" type="text" id="phone" value="*" />
          </div>
        </label></td>
      </tr>
    <tr>
      <td align="center" valign="top"> <label>
          <div align="left"><strong>E-Mail          </strong><br />
            <input name="email" type="text" id="email" value="*" />
            </div>
        </label></td>
      </tr>
    <tr>

**melbahtoast** · 05-16-2011 11:12 PM

Code:

<td align="center" valign="top"><div align="left"><strong>Address Line 1</strong><br />        
            <input name="addressline1" type="text" id="addressline1" value="*" />      
        </div></td>
      </tr>
    <tr>
      <td align="center" valign="top"><div align="left"><strong>Address Line 2</strong><br />        
            <input type="text" name="addressline2" id="addressline2" />      
        </div></td>
      </tr>
    <tr>
      <td align="center" valign="top"><div align="left"><strong>City</strong><br />        
            <input name="city" type="text" id="city" value="*" />      
        </div></td>
      </tr>
    <tr>
      <td align="center" valign="top"><div align="left"><strong>State</strong><br />
        <select name="state" size="1">
          <option selected="selected">State</option>
          <option value="">-- UNITED STATES --</option>
          <option value="AL">Alabama</option>
          <option value="AK">Alaska</option>
          <option value="AZ">Arizona</option>
          <option value="AR">Arkansas</option>
          <option value="CA">California</option>
          <option value="CO">Colorado</option>
          <option value="CT">Connecticut</option>
          <option value="DE">Delaware</option>
          <option value="FL">Florida</option>
          <option value="GA">Georgia</option>
          <option value="HI">Hawaii</option>
          <option value="ID">Idaho</option>
          <option value="IL">Illinois</option>
          <option value="IN">Indiana</option>
          <option value="IA">Iowa</option>
          <option value="KS">Kansas</option>
          <option value="KY">Kentucky</option>
          <option value="LA">Louisiana</option>
          <option value="ME">Maine</option>
          <option value="MD">Maryland</option>
          <option value="MA">Massachusetts</option>
          <option value="MI">Michigan</option>
          <option value="MN">Minnesota</option>
          <option value="MS">Mississippi</option>
          <option value="MO">Missouri</option>
          <option value="MT">Montana</option>
          <option value="NE">Nebraska</option>
          <option value="NV">Nevada</option>
          <option value="NH">New Hampshire</option>
          <option value="NJ">New Jersey</option>
          <option value="NM">New Mexico</option>
          <option value="NY">New York</option>
          <option value="NC">North Carolina</option>
          <option value="ND">North Dakota</option>
          <option value="OH">Ohio</option>
          <option value="OK">Oklahoma</option>
          <option value="OR">Oregon</option>
          <option value="PA">Pennsylvania</option>
          <option value="RI">Rhode Island</option>
          <option value="SC">South Carolina</option>
          <option value="SD">South Dakota</option>
          <option value="TN">Tennessee</option>
          <option value="TX">Texas</option>
          <option value="UT">Utah</option>
          <option value="VT">Vermont</option>
          <option value="VA">Virginia</option>
          <option value="WA">Washington</option>
          <option value="WV">West Virginia</option>
          <option value="WI">Wisconsin</option>
          <option value="WY">Wyoming</option>
          <option value="">-- CANADA --</option>
          <option value="AB">Alberta</option>
          <option value="BC">British Columbia</option>
          <option value="MB">Manitoba</option>
          <option value="NB">New Brunswick</option>
          <option value="NF">Newfoundland and Labrador</option>
          <option value="NT">Northwest Territories</option>
          <option value="NS">Nova Scotia</option>
          <option value="NU">Nunavut</option>
          <option value="ON">Ontario</option>
          <option value="PE">Prince Edward Island</option>
          <option value="PQ">Quebec</option>
          <option value="SK">Saskatchewan</option>
          <option value="YT">Yukon Territory</option>
          <option value="">-- AUSTRALIA --</option>
          <option value="AC">Australian Capital Territory</option>
          <option value="NW">New South Wales</option>
          <option value="NO">Northern Territory</option>
          <option value="QL">Queensland</option>
          <option value="SA">South Australia</option>
          <option value="TS">Tasmania</option>
          <option value="VC">Victoria</option>
          <option value="WS">Western Australia</option>
          </select>
        *</div></td>
      </tr>
    <tr>
      <td align="center" valign="top"><div align="left"><strong>Zip Code</strong><br />        
            <input name="zipcode" type="text" id="zipcode" value="*" />      
        </div></td>
      </tr>
  </table>
  <br />
  <br />
  <input type="submit" name="placeorder" id="placeorder" value="Place Order" />
</div>
</FORM>
</body>
</html>

Thread: JS quote calculator rounded to two decimal places

Thread Tools

Display

JS quote calculator rounded to two decimal places

Code

code pt 2

code pt 3

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions