www.webdeveloper.com
+ Reply to Thread
Results 1 to 5 of 5
  1. 11-08-2012 12:05 AM #1
    aznyungztah
    aznyungztah is offline Registered User
    Join Date
    Nov 2012
    Posts
    4

    Exclamation (urgent!) simple JavaScript

    Hello all,

    I am making a price calculator using javascript. I've been struggling hours trying to figure this out, yeah i'm really new to this. Here is the requirements:

    The calculator would calculate the price of the items the user selects.
    List a number of products to sell
    Include the ability to choose quantity
    Include other options (such as the size, color, etc of the item)
    Button to calculate price (most calculate the price, not store and display)
    Button to clear the calculated value

    That's all, thank you so much for your help!!
    Reply With Quote Reply With Quote
  2. 11-08-2012 06:40 AM #2
    excellentcoders
    excellentcoders is offline Member
    Join Date
    Nov 2012
    Location
    Maharastra
    Posts
    2
    Hi,We are ready to help you reach us..
    Reply With Quote Reply With Quote
  3. 11-08-2012 08:49 AM #3
    Nomistake
    Nomistake is offline Registered User
    Join Date
    Aug 2012
    Posts
    43
    give us some code? or do you want to code it for you?
    When the only tool you have is a hammer, everything looks like a nail.
    Reply With Quote Reply With Quote
  4. 11-08-2012 10:51 PM #4
    aznyungztah
    aznyungztah is offline Registered User
    Join Date
    Nov 2012
    Posts
    4

    code

    hello, I was hoping if it's possible that you can write the code out for me. greatly appreciated.
    Reply With Quote Reply With Quote
  5. 11-08-2012 11:01 PM #5
    excellentcoders
    excellentcoders is offline Member
    Join Date
    Nov 2012
    Location
    Maharastra
    Posts
    2
    Hi,

    I hope this code may help you to get the solution you want

    <!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>Calc</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
    <!--
    $(document).ready(function() {
    $('#calculateTotal').click(function() {
    var shirtsPrice = 10.50, perColorPrice = 5.99;
    var inputNum_of_Shirts = $('#shirts').val();
    var inputNum_of_FColor = $('#colorsOnFront').val();
    var inputNum_of_BColor = $('#colorsOnBack').val();
    var totalCost = (inputNum_of_Shirts*parseFloat(shirtsPrice))
    +(parseFloat(perColorPrice)*inputNum_of_FColor)
    +(parseFloat(perColorPrice)* inputNum_of_BColor );
    var perShirtCost = (parseFloat(shirtsPrice))
    +(parseFloat(perColorPrice)*inputNum_of_FColor)
    +(parseFloat(perColorPrice)*inputNum_of_BColor);
    $('#total').html(formatCurrency(totalCost));
    $('#perShirt').html(formatCurrency(perShirtCost));
    $('#result').css('display', 'block');
    });
    });
    // This Function I have searched from Web
    function formatCurrency(strValue)
    {
    strValue = strValue.toString().replace(/\$|\,/g,'');
    dblValue = parseFloat(strValue);
    blnSign = (dblValue == (dblValue = Math.abs(dblValue)));
    dblValue = Math.floor(dblValue*100+0.50000000001);
    intCents = dblValue%100;
    strCents = intCents.toString();
    dblValue = Math.floor(dblValue/100).toString();
    if(intCents<10)
    strCents = "0" + strCents;
    for (var i = 0; i < Math.floor((dblValue.length-(1+i))/3); i++)
    dblValue = dblValue.substring(0,dblValue.length-(4*i+3))+','+
    dblValue.substring(dblValue.length-(4*i+3));
    return (((blnSign)?'':'-') + '$' + dblValue + '.' + strCents);
    }
    -->
    </script>
    </head>
    <body>
    <form id="calc" name="calc">
    <p>
    <input id="shirts" name="shirts" type="text">
    <label for="shirts">Number of Shirts</label>
    </p>
    <p>
    <input id="colorsOnFront" name="colorsOnFront" type="text">
    <label for="colorsOnFront">Number of Colors on Front</label>
    </p>
    <p>
    <input id="colorsOnBack" name="colorsOnBack" type="text">
    <label for="colorsOnBack">Number of Colors on Back</label>
    </p>
    <p><input name="calculateTotal" id="calculateTotal" type="button" value="Calculate Total" /></p>
    <div id="result" style="display:none;"><strong>Total:</strong> <span id="total"></span> <strong>Per Shirt:</strong> <span id="perShirt"></span></div>
    </div>
    </form>
    </body>
    </html>
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Forum Rules

 HTML5 Development Center



Recent Articles