Realizar operación de dos textbox..!!

[emma09]

hola foreros!! quiero hacer una multiplicación de dos textbox y que el resultado me lo muestre en otro textbox..como puedo hacerlo??me podrán ayudar... esta es la tabla:

<table>
<tr>
<td><FONT COLOR=Black><b>Costo </b></font></td>
<td><input type=text name=prod_costo size="6" maxlength="6" onkeypress="num_data(event);"></input></td>
</tr>

<tr>
<td><FONT COLOR=Black><b>Remarque </b></font></td>
<td><input type=text name=prod_remarque size="3" maxlength="3" onkeypress="num_data(event);"></input>%</td>
</tr>

<tr>
<td><FONT COLOR=Black><b>Precio Final </b></font></td>
<td><input type=text name=prod_final size="6" maxlength="6" onkeypress="num_data(event);"></input></td>
</tr>
</table>

..el producto (de costo * remarque) me lo tiene que mostrar en el textbox precio Final.. agradezco su ayuda..

[Patriarka]

es muy basico lo tuyo, y es un tema ede javascript pero igual te ayudo :

Código HTML:

<input type="text" id="uno" value="">
<input type="text" id="dos" value="">
<input type="text" id="resultado" value="">
<input type="button" id="but" value="calcula" onclick="calcula();">
 

Código Javascript:

function calcula(){
  var a = document.getElementBy('uno').value;
  var b = document.getElementBy('dos').value;
  var c = a * b;
  document.getElementBy('resultado').value= c;
}
 

}

[emma09]

gracias Patriarka, y me puedes decir si hay alguna forma de que se haga sin clickear un botón?? es decir, que yo al ingresar el costo y luego el producto, se ponga automáticamente el resultado en el 3er textbox?? lo quisiera así por que es un formulario en el que tengo mas textbox que llenar y luego guardo todo los datos juntos...

[GatorV]

Tema movido desde PHP a Javascript

[marcopoloaz06]

Hola,
ps como te lo puso Patriarka
nada mas resta agregar el event a los imputs correspondientes:

Código Javascript:

function calcula(){
  var a = Number( document.getElementById('uno').value );
  var b = Number( document.getElementById('dos').value );
  var c = a * b;
  document.getElementById('resultado').value = c;
}
 

Código HTML:

<input type="text" id="uno" value="" onkeyup='calcula();'>
<input type="text" id="dos" value="" onkeyup='calcula();'>
<input type="text" id="resultado" value="">
<input type="button" id="but" value="calcula" onclick="calcula();">
 

Leete unos buenos manuales de javascript

Saludoss
:]

[Perr0]

Iniciado por emma09

gracias Patriarka, y me puedes decir si hay alguna forma de que se haga sin clickear un botón?? es decir, que yo al ingresar el costo y luego el producto, se ponga automáticamente el resultado en el 3er textbox?? lo quisiera así por que es un formulario en el que tengo mas textbox que llenar y luego guardo todo los datos juntos...

te dare una pista con el ejemplo anterior

document.onkeyup=function(){
var a = document.getElementBy('uno').value;
var b = document.getElementBy('dos').value;
var c = a * b;
document.getElementBy('resultado').value= c;
}

despues vas a tener que validar para que solo funcione con las teclas numericas y bla bla bla...

no lo he probado, por ello es una pista


salu2

[emma09]

gracias por su ayuda, tendré en cuenta todo lo que me han recomendado... probare.. saludos..

[santiago_montero]

Hola marcopoloaz06, mira hace dias tmb postee acerca de este tema y al = que tu respuesta fue muy efectiva la que dieron en el tema que abrí.

Lo qie no se como hacer es que el resultado lo redondee, ejemplo:

En cualquier calculadora y excel el resultado es

12 x 1.65 = 19.8

y con esta funcion da 19.799999999999997.

Ojala pudieras ayudarnos en esa parte.

Saludos

[santiago_montero]

Iniciado por marcopoloaz06

Hola,
ps como te lo puso Patriarka
nada mas resta agregar el event a los imputs correspondientes:

Código Javascript:

function calcula(){
  var a = Number( document.getElementById('uno').value );
  var b = Number( document.getElementById('dos').value );
  var c = a * b;
  document.getElementById('resultado').value = c;
}
 

Código HTML:

<input type="text" id="uno" value="" onkeyup='calcula();'>
<input type="text" id="dos" value="" onkeyup='calcula();'>
<input type="text" id="resultado" value="">
<input type="button" id="but" value="calcula" onclick="calcula();">
 

Leete unos buenos manuales de javascript

Saludoss
:]

Ya lo tengo amigos:

c=Math.round(c*100)/100 ;

es cuestion de agregar esta linea en la funcion despues de asignarle a c el valor de las operaciones y listo!!!!, pruebenlo y veran que anda bien....