Hola amigos una consulta estoy realizando un formulario con sumas dinámicas en java script , la suma dinamica me funciona, pero mi problema es el siguiente, quiero que la suma total me la reste con la cantidad de dinero que estoy cancelando.
1. compro 3 productos que valen 3 mil, me muestra la suma total
2 pago con un billete de 10.000 mil, debería mostrarme lo que me sobra como vuelto
eso es lo que quiero realmente:
a qui le muestro mi codigo ojala puedan ayudarme gracias..
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<head>
<title></title>
<script>
function sumar() {
var pago = parseInt(document.insertar.p.value);
var n1 = parseInt(document.insertar.numero1.value);
var n2 = parseInt(document.insertar.numero2.value);
var n3 = parseInt(document.insertar.numero3.value);
document.insertar.TOTAL.value=n1+n2+n3;
document.insertar.p.value=pago-TOTAL;
}
</script>
</head>
<body>
<form id="insertar" name="insertar" method="post" action="">
<table width="200" border="1">
<tr>
<th scope="col">Ingrese cantidad con que paga<input type="text" name="pago" id="pago" size="20"><br /></th>
</tr>
<tr>
<th scope="row">precio1<input type="text" name="numero1" id="num1" size="20" onChange="sumar()"><br /></th>
</tr>
<tr>
<th scope="row">precio2<input type="text" name="numero2" id="num2" size="20" onChange="sumar()"><br /></th>
</tr>
<tr>
<th scope="row">precio3<input type="text" name="numero3" id="num3" size="20" onChange="sumar()"><br /></th>
</tr>
<tr>
<th scope="row">Total<input type="text" name="TOTAL" id="TOTAL" size="20"></th>
</tr>
<tr>
<th scope="row">vuelto<input type="text" name="p" id="p" size="20"></th>
</tr>
</table>
</p>
<input type="submit" name="Submit" value="Insertar Registro" />
<input type="hidden" name="action" value="add" />
</form>
</body>
</html>