Help with Java Calculator

Discussion in 'JavaScript' started by macz_g, Jul 4, 2006.

  1. #1
    Can anyone show me how to limit the result to 2 decimal places and output the results in a sentence?


    <SCRIPT language=JavaScript>
    <!--
    function showpay() {
    if ((document.calc.loan.value == null || document.calc.loan.value.length == 0) ||
    (document.calc.months.value == null || document.calc.months.value.length == 0)
    ||
    (document.calc.rate.value == null || document.calc.rate.value.length == 0))
    { document.calc.pay.value = "Incomplete data";
    }
    else
    {
    var princ = document.calc.loan.value;
    var term = document.calc.months.value;
    var intr = document.calc.rate.value;
    document.calc.pay.value = princ * term / 100 * intr / 100;
    }


    }


    // -->
    </SCRIPT>

    <P>
    <CENTER>
    <FORM name=calc method=post>
    <TABLE style="BORDER-RIGHT: #91a3d2 3px double; PADDING-RIGHT: 12px; BORDER-TOP: #91a3d2 3px double; PADDING-LEFT: 12px; BACKGROUND: #e1e7f3; FLOAT: left; PADDING-BOTTOM: 12px; FONT: 14px Arial, Helvetica, sans-serif; MARGIN-LEFT: 20px; BORDER-LEFT: #91a3d2 3px double; WIDTH: 400px; COLOR: #3e579c; PADDING-TOP: 12px; BORDER-BOTTOM: #91a3d2 3px double" width="60%" border=0>
    <TBODY>
    <TR>
    <TD>Number of Kilometers </TD>
    <TD align=right><INPUT size=10 name=loan></TD></TR>
    <TR>
    <TD>Litres per 100 KM </TD>
    <TD align=right><INPUT size=10 name=months></TD></TR>
    <TR>
    <TD>Fuel Price Per Litre </TD>
    <TD align=right><INPUT size=10 name=rate></TD></TR>
    <TR>
    <TD>Cost per KM </TD>
    <TD align=right>$ <INPUT size=10 name=pay></TD></TR>
    <TR>
    <TD align=left><INPUT onclick=showpay() type=button value=Calculate></TD>
    <TD align=right><INPUT type=reset value=Reset></TD></TR></TBODY></TABLE></FORM></CENTER>
     
    macz_g, Jul 4, 2006 IP
  2. giraph

    giraph Guest

    Messages:
    484
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    0
    #2
    No problem :). Bolded parts I changed.

    
    <SCRIPT language=JavaScript>
    <!--
    function showpay() {
    if ((document.calc.loan.value == null || document.calc.loan.value.length == 0) ||
    (document.calc.months.value == null || document.calc.months.value.length == 0)
    ||
    (document.calc.rate.value == null || document.calc.rate.value.length == 0))
    { document.calc.pay.value = "Incomplete data";
    }
    else
    {
    var princ = document.calc.loan.value;
    var term = document.calc.months.value;
    var intr = document.calc.rate.value;
    [B]var result = princ * term / 100 * intr / 100;
    result=Math.round(result*100)/100
    document.calc.pay.value = result;
    document.getElementById("resultsentence").innerHTML = "The resulting cost is " + result;[/B]
    }
    
    
    }
    
    
    // -->
    </SCRIPT>
    
    <P>
    <CENTER>
    <FORM name=calc method=post>
    <TABLE style="BORDER-RIGHT: #91a3d2 3px double; PADDING-RIGHT: 12px; BORDER-TOP: #91a3d2 3px double; PADDING-LEFT: 12px; BACKGROUND: #e1e7f3; FLOAT: left; PADDING-BOTTOM: 12px; FONT: 14px Arial, Helvetica, sans-serif; MARGIN-LEFT: 20px; BORDER-LEFT: #91a3d2 3px double; WIDTH: 400px; COLOR: #3e579c; PADDING-TOP: 12px; BORDER-BOTTOM: #91a3d2 3px double" width="60%" border=0>
    <TBODY>
    <TR>
    <TD>Number of Kilometers </TD>
    <TD align=right><INPUT size=10 name=loan></TD></TR>
    <TR>
    <TD>Litres per 100 KM </TD>
    <TD align=right><INPUT size=10 name=months></TD></TR>
    <TR>
    <TD>Fuel Price Per Litre </TD>
    <TD align=right><INPUT size=10 name=rate></TD></TR>
    <TR>
    <TD>Cost per KM </TD>
    <TD align=right>$ <INPUT size=10 name=pay></TD></TR>
    <TR>
    <TD align=left><INPUT onclick=showpay() type=button value=Calculate></TD>
    <TD align=right><INPUT type=reset value=Reset></TD></TR></TBODY></TABLE></FORM></CENTER>
    [B]<div id="resultsentence"></div>[/B]
    
    Code (markup):
     
    giraph, Jul 11, 2006 IP
    macz_g likes this.