Auto-calculate form

[marioweb]

Hello everybody, im new in php programming and have came to a dead end. I have a homework that I must make till Monday but I dont know how to make it and really need some help.

Im making a simple, like order, form that will take numbers imputed and save it to a simple txt file that acts like database. Now I need to auto calculate price when someone enters amount.

Here is the code for the form, if anybody can help ill really appreciate it. Tyvm and cheers.

<form name="form1" method="post" action="order.php">
	<table width="400" border="0" cellspacing="0" cellpadding="4">
		<tr>
			<td>Item</td>
			<td>Amount</td>
			<td>Total sum:</td>
		</tr>
		<tr>
			<td>Gloves (<font color="red">25</font> dollars pair)</td>
			<td><input name="gloves" type="text" id="gloves" size="4"></td>
			<td>

			<?PHP 
			$price_gloves=125;
			$tot_gloves=$price_gloves*gloves;
			echo "<p>$tot_gloves dollars</p>";
			?>

		</td>
	</tr>
	<tr>
		<td>Kimono (<font color="red">100</font> dollars each)</td>
		<td><input name="kimono" type="text" id="kimono" size="4"></td>
		<td>

			<?PHP 
			$price_kimono=125;
			$tot_kimono=$price_kimono*kimono;
			echo "<p>$tot_kimono dollars</p>";
			?>

		</td>
	</tr>
	<tr>
		<td>Protectors (<font color="red">15</font> dollars set)</td>
		<td><input name="protectors" type="text" id="protectors" size="4"></td>
		<td>

			<?PHP 
			$price_protectors=125;
			$tot_protectors=$price_protectors*protectors;
			echo "<p>$tot_protectors dollars</p>";
			?>

		</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><input type="submit" name="Submit" value="Submit"></td>
	</tr>
</table>
</form>

[Weedpacket]

Um, we're not here to do your homework for you. The idea of homework is to reinforce what you were taught in class.

[marioweb]

Ah I didnt explain it well, sorry. I have done my HW, but wanted to put this because i tough it was cool, well anyways tyvm for reply m8 🙂

After searching online for similar codes, i finally understood it and managed to get it running 🆒 . If anybody is interested here is a code (names are written in my language but you'll understand 🙂 )

1st ive added this in head:

<SCRIPT language=JavaScript>
function Estimate(form) {

var rukavice = form.rukavice.value;
var kimono = form.kimono.value;
var stitnici = form.stitnici.value;

var TotalCostRukavice = (rukavice * 125);
var TotalCostKimono = (kimono * 300);
var TotalCostStitnici = (stitnici * 85);

var TotalCost = TotalCostRukavice + TotalCostKimono + TotalCostStitnici;

form.TotalCostRukavice.value = RoundToPennies(TotalCostRukavice); 
form.TotalCostKimono.value = RoundToPennies(TotalCostKimono); 
form.TotalCostStitnici.value = RoundToPennies(TotalCostStitnici); 
form.TotalCost.value = RoundToPennies(TotalCost); 
}

function RoundToPennies(n) {

pennies = n * 100;
pennies = Math.round(pennies);
strPennies = "" + pennies;
len = strPennies.length;
return strPennies.substring(0, len - 2) + "." + strPennies.substring(len - 2, len);
}
</SCRIPT>

and this is my whole form:

<form name="form1" method="post" action="narudzba.php">
	<table width="400" border="0" cellspacing="0" cellpadding="4">
		<tr>
			<td>Artikal</td>
			<td>Koli&#269;ina</td>
			<td>Cijena:</td>
		</tr>

	<tr>
		<td>Rukavice (<font color="red">125</font> kuna par)</td>
		<td><INPUT name=rukavice type="text" id="rukavice" maxLength=4 onchange=javascript:Estimate(this.form); size=6>&nbsp;</td>
		<td><input maxlength=9 name=TotalCostRukavice readOnly size=6>&nbsp;&nbsp;&nbsp;
		</td>
		<td>Kuna</td>
	</tr>

	<tr>
		<td>Kimono (<font color="red">300</font> kuna komad)</td>
		<td><INPUT maxLength=4 name=kimono id="kimono" onchange=javascript:Estimate(this.form); size=6>&nbsp;</td>
		<td><input maxlength=9 name=TotalCostKimono readOnly size=6>&nbsp;&nbsp;&nbsp;
		</td>	
		<td>Kuna</td>
	</tr>

	<tr>
		<td>Štitnici (<font color="red">85</font> kuna par)</td>
		<td><INPUT maxLength=4 name=stitnici id="stitnici" onchange=javascript:Estimate(this.form); size=6>&nbsp;</td>
		<td><input maxlength=9 name=TotalCostStitnici readOnly size=6>&nbsp;&nbsp;&nbsp;
		</td>
		<td>Kuna</td>
	</tr>

	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td><input maxlength=9 name=TotalCost readOnly size=6>&nbsp;&nbsp;&nbsp;</td>
		<td>Kuna</td>
	</tr>

	<tr>
		<td>&nbsp;</td>
		<td><input type="submit" name="Submit" value="Naru&#269;i">
		</td>
		<td>&nbsp;</td>
	</tr>

</table>
</form>