multiplicar inputs text

[santiago_montero]

Buenas tardes amigos, la problematica que presento es la siguiente:

tengo un formulario en HTML y un <input text> donde coloco un valor entero, de ahi otro <input text> donde deseo colocar el resultado del 1er input pero multiplicado x el 1.65 esta cantidad es interna

Como lo hago???

Este es mi codigo:

[HTML]<table><form name="frmproducto" method="post" action="insertaProd.php" >
<tr>
<td>Clave:</td>
<td><input name="clave" type="text" size="10" maxlength="10"/></td></tr>
<tr>
<td>Descripcion:</td>
<td><input name="descrp" type="text" size="55" maxlength="65"/></td></tr>
<tr>
<td>Costo:</td>
<td><input name="costo" type="text" size="7" maxlength="8"/></td></tr>
<tr>
<td>Precio 1:</td>
<td><input name="pre1" type="text" size="7" maxlength="8" disabled="disabled" /></td></tr>

</td></tr>
<tr>
<td></td><td height="30"></td></tr>
<tr>
<td colspan="2" align="center"><p></p>
<button type="submit" ><img src="imgs/add_48.png" alt="Agrega" align="absmiddle"/>Agregar</button>&nbsp;
<button type="reset" ><img src="imagenes/edit-clear.png" alt="Restablecer campos" align="absmiddle" width="24" height="24"/> Limpiar</button>
</td></tr>
</form>
</table>[HTML]

[alanmedbel]

algo asi como esto

Código HTML:

<script>
function calc(){
var por;
por = parseInt(document.getElementById('costo').value) * 1.65;
document.getElementById('pre1').value = por;
}
</script>
<table><form id="frmproducto" method="post" action="insertaProd.php" >
<tr>
<td>Clave:</td>
<td><input id="clave" type="text" size="10" maxlength="10"/></td></tr>
<tr>
<td>Descripcion:</td>
<td><input id="descrp" type="text" size="55" maxlength="65"/></td></tr>
<tr>
<td>Costo:</td>
<td><input id="costo" type="text" size="7" maxlength="8"/></td></tr>
<tr>
<td>Precio 1:</td>
<td><input id="pre1" type="text" size="7" maxlength="8" disabled="disabled" /></td></tr>
 
</td></tr>
<tr>
<td></td><td height="30"></td></tr>
<tr>
<td colspan="2" align="center"><p></p>
<button type="button" onclick="calc()"><img src="imgs/add_48.png" alt="Agrega" align="absmiddle"/>Agregar</button>&nbsp;
<button type="reset" ><img src="imagenes/edit-clear.png" alt="Restablecer campos" align="absmiddle" width="24" height="24"/> Limpiar</button>
</td></tr>
</form>
</table>
 

[santiago_montero]

Excelente!!!!!!!!! gracias alan, ahora si quiero que no salgan tantos decimales como sera???

[alanmedbel]

como cuantos caracteres quieres

[alanmedbel]

Aqui esta el nuevo codigo si tienes mas preguntas dimelas que si puedo con gusto te ayudare

Código HTML:

<script>
function calc(Num_caracteres){
var str = document.getElementById('pre1');
var str2 = document.getElementById('costo');
var RegExPattern = /^([0-9]{0,10})$/;
var errorMessage = 'Solo numeros por favor';
if ((str2.value.match(RegExPattern)) && (str2.value!='')) {
var por;
por = parseInt(document.getElementById('costo').value) * 1.65;
var a1 = str.value = por;
var a2 = str.value.substring(0,Num_caracteres);
str.value = a2;   
} else {
alert(errorMessage);
str.focus();
} 
}
</script>
<table><form id="frmproducto" method="post" action="insertaProd.php" >
<tr>
<td>Clave:</td>
<td><input id="clave" type="text" size="10" maxlength="10"/></td></tr>
<tr>
<td>Descripcion:</td>
<td><input id="descrp" type="text" size="55" maxlength="65"/></td></tr>
<tr>
<td>Costo:</td>
<td><input id="costo" type="text" size="7" maxlength="8"/></td></tr>
<tr>
<td>Precio 1:</td>
<td><input id="pre1" type="text" size="7" maxlength="8" disabled="diabled"/></td></tr>
 
</td></tr>
<tr>
<td></td><td height="30"></td></tr>
<tr>
<td colspan="2" align="center"><p></p>
<button type="button" onclick="calc('5')"><!-- en el evento onclick iria por ejmplo si quieres 5 caractes pones calc('5') o el numero que quieras--><img src="imgs/add_48.png" alt="Agrega" align="absmiddle"/>Calcular</button>&nbsp;
<button type="submit"><img src="imgs/add_48.png" alt="Agrega" align="absmiddle"/>Agregar</button>&nbsp;
<button type="reset" ><img src="imagenes/edit-clear.png" alt="Restablecer campos" align="absmiddle" width="24" height="24"/> Limpiar</button>
</td></tr>
</form>
</table>
 

[santiago_montero]

Hola Alan, agradezco mucho tu apoyo y amabilidad para ayudarme en este tema, el fin de semana vi la respuesta pero no pude postear, probe el codigo nuevo que pusiste y anda muy bien, excelente;

lo unico que noté fue que al calcular pre1 x costo lo hace bien, pero en la funcion en el parametro que se le envia "calc('5'), se pone a los caracteres que estan en el parentesis, me explico:

12 x 1.65= 19.8; (este es el resultado exacto)
en el código hace el calculo y da resultado: 19.799999; como solo pido 5 caracteres pone 19.79; es decir, quita, esconde, no muestra la cantidad completa. Que dé la cantidad exacta

Otro detalle es en la validacion del cuadro de texto Costo, solo acepta enteros, si deseo poner 10.50 me sale el msj de alerta "Solo numeros por favor".

Saludos Alan y muchas gracias

[alanmedbel]

Iniciado por santiago_montero

Hola Alan, agradezco mucho tu apoyo y amabilidad para ayudarme en este tema, el fin de semana vi la respuesta pero no pude postear, probe el codigo nuevo que pusiste y anda muy bien, excelente;

lo unico que noté fue que al calcular pre1 x costo lo hace bien, pero en la funcion en el parametro que se le envia "calc('5'), se pone a los caracteres que estan en el parentesis, me explico:

12 x 1.65= 19.8; (este es el resultado exacto)
en el código hace el calculo y da resultado: 19.799999; como solo pido 5 caracteres pone 19.79; es decir, quita, esconde, no muestra la cantidad completa. Que dé la cantidad exacta

Otro detalle es en la validacion del cuadro de texto Costo, solo acepta enteros, si deseo poner 10.50 me sale el msj de alerta "Solo numeros por favor".

Saludos Alan y muchas gracias

haber no entendi muy bien pero mas o menos quieres que al multiplicar 12 x 1.65 de 19.8 exactamente vdd,pues veras no se muy bien como funcionan los operadores en js que el resultado final siempre es 19.799999999999997 y no se porque e probado en mas navegadores y nada;
respecto a lo de la validacion ia lo corregi solo cambia el script por este otro

Código Javascript:

function calc(Num_caracteres){
var str = document.getElementById('pre1');
var str2 = document.getElementById('costo');
var por;
por = document.getElementById('costo').value * 1.65;
var a1 = str.value = por;
var a2 = str.value.substring(0,Num_caracteres);
str.value = a2;
if(isNaN(str.value) == true)
alert('solo numeros por favor');
//str.value = '';
}