Hi,
I have been working on a calculator that works out the difference between two prices. I have two forms on my page which each generate a total, I want to add those two values together and display them in a third form.
Would anyone be able to help?
Many thanks, Gaz
[code=html] <html> <head> <title>Price Calculator</title> <SCRIPT LANGUAGE="JavaScript"> var item1 = form.itemonetotal.value; var item2 = form.itemtwototal.value; var totaldifference = item1 + item2 function form1 (form) { var price1 = form.price1.value; var price2 = form.price2.value; var quant = form.quant.value; var difference = price1-price2 var doubledifference1 = (difference * 2 ) * quant form.itemonetotal.value = (doubledifference1.toFixed(2)); } function form2 (form) { var price1 = form.price1.value; var price2 = form.price2.value; var quant = form.quant.value; var difference = price1-price2 var doubledifference1 = (difference * 2 ) * quant form.itemtwototal.value = (doubledifference1.toFixed(2)); } function total (form) { var item1 = form.itemonetotal.value; var item2 = form.itemtwototal.value; var totaldifference = item1 + item2; form.totaldoublethedifference.value = totaldifference; } </script> </head> <body style="text-align:center;"> <form style="width:250px;text-align:center;"name="myForm"> <fieldset> <legend>Item 1</legend> <p>Enter Price 1: </br>£<INPUT TYPE="text" NAME="price1" VALUE=""><P> <p>Enter Price 2: </br>£<INPUT TYPE="TEXT" NAME="price2" value=""><p> <p>Enter Quantity: </br><INPUT TYPE="TEXT" NAME="quant" value=""><p> <p>Double Difference Value: </br>£<INPUT TYPE="text" NAME="itemonetotal" VALUE=""><p> <input TYPE="button" NAME="button" value="Submit" onClick="form1(this.form)"> <button class="formbutton" type="reset">Clear Form</button> </fieldset> </form> <form style="width:250px;text-align:center;"name="myForm"> <fieldset> <legend>Item 2</legend> <p>Enter Price 1: </br>£<INPUT TYPE="text" NAME="price1" VALUE=""><P> <p>Enter Price 2: </br>£<INPUT TYPE="TEXT" NAME="price2" value=""><p> <p>Enter Quantity: </br><INPUT TYPE="TEXT" NAME="quant" value=""><p> <p>Double Difference Value: </br>£<INPUT TYPE="text" NAME="itemtwototal" VALUE=""><p> <input TYPE="button" NAME="button" value="Submit" onClick="form2(this.form)"> <button class="formbutton" type="reset">Clear Form</button> </fieldset> </form> <form style="width:250px;text-align:center;"name="myForm"> <fieldset> <legend>TOTAL</legend> <p>Double Difference Value: </br>£<INPUT TYPE="text" NAME="totaldoublethedifference" VALUE=""><p> <input TYPE="button" NAME="button" value="Double Difference" onClick="writeTextTOTAL(this.form)"> <button class="formbutton" type="reset">Clear Form</button> </fieldset> </form> </body> </html>[/code]
Help @Gaz spread the word by sharing this article on Twitter...