Need Help with Calculator Java Script

Yonih · Jun 24, 2008

So I am trying to get this Calculator to work. It needs to take in a
vaule, and select a shipping
Everythin works great except the shipping part. I need it to take the
shipping value and add it to the "Downpayment" and also the "Total
amount paid"
Example: item cost $20.00 , $8.50 shipped selected,
Payment 1 = 12 + 8.50 so $20.50
Payments 2-5 = $2.00
Final Payment = $28.50

can Anyone help me?

<body>
<form name="converter">
<input type="text" value="0.00" name="price"> Price of Item
<br>

<select name="shippingOptions" onchange="this.form.shippingPrice.value
= this.options[this.selectedIndex].value; ">
<option value="8.50">Ground - $8.50</option>
<option value="10.50">3-Day - $10.50</option>
<option value="14.50">2-Day - $14.50</option>
<option value="24.00">Overnight - $24.00</option></select>
<input type="text" value="" name="shippingPrice">

<br>
<br><br>
<input type="button" value="Convert" onclick="javascript:calc()">
<input type="reset" value="reset" onclick="javascript:calc()">
<br><br>
<input type="text" value="" name="downpayment"> Down Payment
<br>
<input type="text" value="" name="payment2"> Payment 2
<br>
<input type="text" value="" name="payment3"> Payment 3
<br>
<input type="text" value="" name="payment4"> Payment 4
<br>
<input type="text" value="" name="payment5"> Payment 5
<br>
<br>
<input type="text" value="" name="total"> Total Amount Paid

</form>

<script language="javascript">

//calculate function
function calc(){

//variables
var price = document.converter.price.value
var downpaymentdisplay = Math.round(price * .60)
var payment2display = Math.round(price * .10)
var payment3display = Math.round(price * .10)
var payment4display = Math.round(price * .10)
var payment5display = Math.round(price * .10)

var totaldisplay = Math.round(downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

//write in text box
document.converter.downpayment.value=downpaymentdisplay
document.converter.payment2.value=payment2display
document.converter.payment3.value=payment3display
document.converter.payment4.value=payment4display
document.converter.payment5.value=payment5display
document.converter.total.value=totaldisplay

}
</script>
</body>

Thanks
Yoni

suhasdhoke · Jun 25, 2008

You missed to add the selected shipping option's value to the
downpaymentdisplay var.
Try This...

var downpaymentdisplay = Math.round(price * .60)

var downpaymentdisplay = Math.round(price * .60) +
eval(document.converter.shippingOptions.value)

var totaldisplay = Math.round(downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

var totaldisplay = (downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

Cheers!!

Yonih · Jun 25, 2008

Thank you so much,

It works Great

Yoni

You missed to add the selected shipping option's value to the
downpaymentdisplay var.
Try This...

var downpaymentdisplay = Math.round(price * .60) +
eval(document.converter.shippingOptions.value)

var totaldisplay = (downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

Cheers!!

Yonih · Jun 25, 2008

SO Hey I have anouther option to add to my calculator if anyone is
interested in the challange and helping me out a lot. Here is the
updated Calcualtor thanks to suhasdhoke.

These are the changes I need as you can see I have the date for the
first displaying field but I need the rest to be date +30 days,
+60,+90 and, +120.
Anychance someone knows how to do it?

Thanks

<body>
<form name="converter">
<table width="0%" border="0">
<tr>
<td height="27">Enter Price of Item</td>
<td><input type="text" value="0.00" name="price"></td>
</tr>
<tr>
<td> </td>
<td><select name="shippingOptions"
onchange="this.form.shippingPrice.value =
this.options[this.selectedIndex].value; ">
<option value="">Select Shipping</option>
<option value="0.00">Ground - Free</option>
<option value="10.50">3-Day - $10.50</option>
<option value="14.50">2-Day - $14.50</option>
<option value="24.00">Overnight - $24.00</option></select></td>
</tr>
</table>


<Script type="text/javaScript">
// Get today's current date.
var now = new Date();
// Array list of months.
var months = new
Array('January','February','March','April','May','June','July','August','September','October','November','December');
// Calculate the number of the current day in the week.
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
// Calculate four digit year.
function fourdigits(number) { return (number < 1000) ? number +
1900 : number; }
// Join it all together
today = months[now.getMonth()] + " " + date + ", " +
(fourdigits(now.getYear())) ;

</script>
<table width="268" border="0">
<tr>
<td width="205"><div align="right">
<input type="button" value="Calculate"
onclick="javascript:calc()">
</div></td>
<td width="10"></td>
<td width="49"><input type="reset" value="reset"
onclick="javascript:calc()"></td>
</tr>
</table>
<br>
<table width="0%" border="0">
<tr>
<td><div align="right">
<script>document.write(today);</script>
</div></td>
<td> <input type="text" value="" name="downpayment"></td>
</tr>
<tr>
<td><div align="right">Total + 30 Days</div></td>
<td><input type="text" value="" name="payment2"></td>
</tr>
<tr>
<td><div align="right">Today + 60 Days</div></td>
<td><input type="text" value="" name="payment3"></td>
</tr>
<tr>
<td><div align="right">Today + 90 Days</div></td>
<td><input type="text" value="" name="payment4"></td>
</tr>
<tr>
<td><div align="right">Today + 120 Days</div></td>
<td><input type="text" value="" name="payment5"></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td> </td>
</tr>
<tr>
<td><div align="right">Total Amount Paid</div></td>
<td><input type="text" value="" name="total"></td>
</tr>
</table>

<br>
</form>

<script language="javascript">

//calculate function
function calc(){

//variables
var price = document.converter.price.value
var downpaymentdisplay = Math.round(price * .60) +
eval(document.converter.shippingOptions.value)
var payment2display = Math.round(price * .10)
var payment3display = Math.round(price * .10)
var payment4display = Math.round(price * .10)
var payment5display = Math.round(price * .10)

var totaldisplay = Math.round(downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)
var totaldisplay = (downpaymentdisplay + payment2display +
payment3display + payment4display + payment5display)

//write in text box
document.converter.downpayment.value=downpaymentdisplay
document.converter.payment2.value=payment2display
document.converter.payment3.value=payment3display
document.converter.payment4.value=payment4display
document.converter.payment5.value=payment5display
document.converter.total.value=totaldisplay

}
</script>
</body>

Yonih · Jun 25, 2008

Never Mind I was able to work it out. Thanks
Yoni

I dont get this. Please help me!!	2	Jan 24, 2023
Need help with this script	4	Mar 12, 2023
Help me sort out this script	1	Oct 17, 2023
How do I get the if statement correct in the lines that has it in the program?	2	Mar 16, 2023
Issue with textbox script?	0	Sep 5, 2022
Only one table shows up with the information	2	Mar 29, 2023
Help with code	0	Jun 12, 2022
Need a dropdown list that holds the value	5	Jun 19, 2008

Need Help with Calculator Java Script

Yonih

suhasdhoke

Yonih

Yonih

Yonih

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads