Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2013
    Location
    Texas
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How can I allow this script to accept decimal place?

    This script was my first attempt at making a calculator for a specific purpose.

    It is supposed to allow a person to enter number of employees, hourly pay rate, profit margin and number of hours worked per week.

    It will not accept a decimal point, so if anyone here can correct the code for me, I'd really appreciate it. It's okay if it has to have a button to calculate the total, as long as the hourly rate field and the profit percentage field and be altered. Also, if possible, could the markup percentage field be entered as a number like 3o for 30%, or is my solution of 0.3 the only way to go?

    Code:
     <script type="text/javascript" language="Javascript">
    
    var v1 = 10;
    var v2 = 10;
    var v3 = 0.3;
    var v4 = 40;
    var answer = 1200;
    
    function calculate () {
    // The Calculation: change operator in this equation to change the calculation
    answer = v1 * v2 * v3 * v4;
    
    var elem;
    elem = document.getElementById("v1");
    elem.value = v1;
    elem = document.getElementById("v2");
    elem.value = v2;
    elem = document.getElementById("v3");
    elem.value = v3;
    elem = document.getElementById("v4");
    elem.value = v4;
    
    elem = document.getElementById("answer");
    elem.value = answer;
    }
    
    function setValue(elem) {
    var val = 0.0;
    if (elem.value != "") {
    val = parseFloat(elem.value);
    }
    else {
    val = 0.0;
    }
    switch (elem.id) {
    case "v1": v1 = val; break;
    case "v2": v2 = val; break;
    case "v3": v3 = val; break;
    case "v4": v4 = val; break;
    }
    calculate();
    }
    </script>
        <meta charset="utf-8">
        <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
        <meta name="created" content="Mon, 11 Feb 2013 17:31:53 GMT">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Calculator</title>
        
        <style type="text/css">
        <!--
        body {
          color:#000000;
          background-color:#FFFFFF;
        }
        a  { color:#0000FF; }
        a:visited { color:#800080; }
        a:hover { color:#008000; }
        a:active { color:#FF0000; }
        -->
        </style>
        <!--[if IE]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
      </head>
      <body onload="calculate();">
      <div>Number of Employees</div> <form><input type="text" id="v1" onkeyup="javascript: setValue(this);" /> <span style="color: #ffffff;">*</span><br />Hourly Rate<br /><input type="text" id="v2" onkeyup="javascript: setValue(this);" /> <span style="color: #ffffff;">*</span><br />Markup Percentage<br /><input type="text" id="v3" onkeyup="javascript: setValue(this);" /> <span style="color: #ffffff;">*</span><br />Hours Per Week<br /><input type="text" id="v4" onkeyup="javascript: setValue(this);" /> <span style="color: #ffffff;">=</span><br />Your Weekly Profit<br /><input type="text" id="answer" readonly="" /></form>

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,310
    Thanks
    203
    Thanked 2,563 Times in 2,541 Posts
    This is a double posting
    http://www.codingforums.com/showthread.php?t=287583
    which is against the forum rules. Please do not start a second thread on the same subject.

    You have already had an answer in the first thread. I don't see why you have a problem with a decimal point, but there are so many errors that the code will not work at all.

    You can enter a markup percentage as 30 and then divide that by 100 to get .3, add 1 to get 1.3 which you then multiply the first price by to get the uplifted price. Naturally you will need to check that the user does not enter .3 in the field!
    Last edited by Philip M; 02-13-2013 at 08:31 PM.

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.


  •  

    Posting Permissions

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