no se hacer multiplicacion

Lenin_Germaine · #1 (**permalink**) 18/07/2008, 15:50

Hola gracias por leerme, mi problema es que no tengo idea de como hacer lo siguiente:
quiero poner 3 cajas de texto y un boton para que el usuario solo ponga numeros no letras en las dos primeras cajas,
y al presionarl el boton me haga la multiplicacion de las dos primeras cajas de texto
y coloque el resultado en la tercera.

es para una tarea me podrian ayudar, pero a mi no me sale.

Un_Tico · #2 (**permalink**) 18/07/2008, 16:17

Mmmmm... es algo muy simple y deberías intentarlo un poco más pero me gusta ayudar

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba</title>
<script type="text/javascript">
function multiplica(){
	if(document.getElementById('cantidad1') && document.getElementById('cantidad2')){
		if( !isNaN(document.getElementById('cantidad1').value) && document.getElementById('cantidad1').value!='' ){
			if( !isNaN(document.getElementById('cantidad2').value) && document.getElementById('cantidad2').value!=''){
				var cant1= parseInt(document.getElementById('cantidad1').value);
				var cant2= parseInt(document.getElementById('cantidad2').value);
				var resultado=cant1*cant2
				document.getElementById('resultado').value=resultado;
			}else{
				alert('Has ingresado un numero no válido en la segunda cantidad');
			}
		}else{
			alert('Has ingresado un numero no válido en la primera cantidad');
		}
	}
}
</script>
</head>
<body>

<input type="text" name="cantidad1" id="cantidad1">
*
<input type="text" name="cantidad2" id="cantidad2">
<input type="button" name="button" id="button" value="Igual" onclick="multiplica()">
<input type="text" name="resultado" id="resultado">

</body>
</html>

espero que te sirva...

elhombrezumbador · #3 (**permalink**) 10/09/2008, 09:59

Yo utilicé esta fórmula y me funcionó perfectamente, lo que quiero hacer ahora es colocar otra multiplicación abajo, que funcione independientemente de esta.
Intente copiarla y cambiar los nombres en la fórmula, pero me toma los números de la función inicial.
Hay alguna forma de identificar cada una de las operaciones?

David · #4 (**permalink**) 10/09/2008, 10:03

Debes asignar un id diferente para los input, cambiar todos los id dentro del código y además, el nombre de la función. Aunque creo que sería mejor que la función recibiera como parámetro los id a multiplicar, así te ahorrarás código.

elhombrezumbador · #5 (**permalink**) 10/09/2008, 10:13

para cambiar el nombre de la función hice lo siguiente y no me funcionó

function multiplica('nombre'){

y luego al boton le cambie esto:

<input type="button" name="button" id="button" value="Resultado" onclick="multiplica("nombre")">

hay algún error?

David · #6 (**permalink**) 10/09/2008, 10:24

Sí, hay:

Código PHP:

  function multiplica('nombre'){

nombre no debe ir entre comillas, además deberás pasarle como parámetro el otro input con el cuál multiplicar y en dado caso también el input donde se mostrará el resultado.

Código HTML:

<input type="button" name="button" id="button" value="Resultado" onclick="multiplica("nombre")">

Repetición de comillas dobles, causará problemas usa comillas simples o escapa las comillas dobles dentro de la cadena usando la contrabarra (\).

elhombrezumbador · #7 (**permalink**) 10/09/2008, 11:50

Gracias!
Saludos

betillo55 · #8 (**permalink**) 18/09/2008, 01:05

hola.. disculpa ke te moleste amigo, pero es ke no se como se hace una multiplicacion con decimales..

lo ke kiero ke haga es:

los decimales son constantes por ejemplo 1.5, 2.8 y 3.3 ej.

y kiero ke los multiplike con 3 digitos entero ke intruzca en las cajas de texto..

spero me puedas ayudar....

te lo agradecere muchisismo... en vrddd

David · #9 (**permalink**) 18/09/2008, 10:41

Eso fue lo que se ha tratado en este tema. Solo debes usar el operador de multiplicación (*).

Código javascript:

Ver originalvalor * 1.5

Es un tema que se contempla en los manuales básicos, puedes leer uno y seguro que sabrás cómo hacerlo.