Foros del Web » Creando para Internet » HTML »

Multiplicación mediante Javascript y Html

Estas en el tema de Multiplicación mediante Javascript y Html en el foro de HTML en Foros del Web. Hola amigos: Necesito un script que utilizaré para vender productos, que me permita multiplicar 2 digitos y me de el resultado en un tercer imput. ...
  #1 (permalink)  
Antiguo 21/03/2009, 14:09
 
Fecha de Ingreso: marzo-2009
Mensajes: 16
Antigüedad: 8 años, 8 meses
Puntos: 0
Multiplicación mediante Javascript y Html

Hola amigos:

Necesito un script que utilizaré para vender productos, que me permita multiplicar 2 digitos y me de el resultado en un tercer imput. el segundo y tercer imput tienen que estar bloqueado, para poner el precio yo, y el otro para que de el resultado y no puedan cambiarlo.

YO tengo uno, pero tengo que seleccionar el 3 imput (el de resultado) para que me el producto de la multiplicacion.

En resumen, 3 imput, el primero para que el cliente coloque la cantidad de productos Y al colocarla dé inmediatamente el resultado en el 3 imput, el segundo este bloqueado, donde el valor inicial sea el precio que yo coloque, y el tercero el resultado y tambien bloqueado. No se si me explique bien.

Coloco el script que tengo, para que me ayuden con el, o si me dan otro, les agradeceria.

Código HTML:
<head>
<title>Operaciones matemáticas sencillas</title>
</head>

<body bgColor="#daddde">

<script language="JavaScript">
<!--
function dosqrt () {
var number = document.form5.num.value;
var ans = Math.sqrt(number);
document.form5.num2.value = ans
}

function dosquare () {
var number2 = document.form5.num3.value;
var ans2 = eval(number2 * number2);
document.form5.num4.value = ans2
}
// -->
</script>
<script language="JavaScript">
<!--
function doinstruct () {
alert("Entra los valores de cada operación. Las letras provocarán errores.");
alert("Si no entras un número se considerará cero.");
alert("Puedes pasar valores entre secciones.");
alert("Haciendo esto borrará todos los datos de la selección.");
}

function dochange1 () {
var result = document.form.cadd.value
var insert = document.form.select.options[document.form.select.selectedIndex].value
if (insert == "1")
{
document.form.aadd.value= result
document.form.badd.value = ""
document.form.cadd.value = ""
}
if (insert == "2")
{
document.form2.amult.value= result
document.form2.bmult.value = ""
document.form2.cmult.value = ""
}
if (insert == "3")
{
document.form3.asub.value= result
document.form3.bsub.value = ""
document.form3.csub.value = ""
}
if (insert == "4")
{
document.form4.adiv.value= result
document.form4.bdiv.value = ""
document.form4.cdiv.value = ""
}
if (insert == "0")
{
alert("You did not select an operation.")
}
}

function dochange3 () {
var result = document.form3.cdif.value
var insert = document.form3.select.options[document.form.select.selectedIndex].value
if (insert == "1")
{
document.form.aadd.value= result
document.form.badd.value = ""
document.form.cadd.value = ""
}
if (insert == "2")
{
document.form2.amult.value= result
document.form2.bmult.value = ""
document.form2.cmult.value = ""
}
if (insert == "3")
{
document.form3.asub.value= result
document.form3.bsub.value = ""
document.form3.csub.value = ""
}
if (insert == "4")
{
document.form4.adiv.value= result
document.form4.bdiv.value = ""
document.form4.cdiv.value = ""
}
if (insert == "0")
{
alert("You did not select an operation.")
}
}

function dochange2 () {
var result = document.form2.cmult.value
var insert = document.form2.select.options[document.form.select.selectedIndex].value
if (insert == "1")
{
document.form.aadd.value= result
document.form.badd.value = ""
document.form.cadd.value = ""
}
if (insert == "2")
{
document.form2.amult.value= result
document.form2.bmult.value = ""
document.form2.cmult.value = ""
}
if (insert == "3")
{
document.form3.asub.value= result
document.form3.bsub.value = ""
document.form3.csub.value = ""
}
if (insert == "4")
{
document.form4.adiv.value= result
document.form4.bdiv.value = ""
document.form4.cdiv.value = ""
}
if (insert == "0")
{
alert("You did not select an operation.")
}
}

function dochange4 () {
var result = document.form4.cdiv.value
var insert = document.form4.select.options[document.form.select.selectedIndex].value
if (insert == "1")
{
document.form.aadd.value= result
document.form.badd.value = ""
document.form.cadd.value = ""
}
if (insert == "2")
{
document.form2.amult.value= result
document.form2.bmult.value = ""
document.form2.cmult.value = ""
}
if (insert == "3")
{
document.form3.asub.value= result
document.form3.bsub.value = ""
document.form3.csub.value = ""
}
if (insert == "4")
{
document.form4.adiv.value= result
document.form4.bdiv.value = ""
document.form4.cdiv.value = ""
}
if (insert == "0")
{
alert("No seleccionaste una operación.")
}
}

// -->
</script>
<center>
<h1><font size="5"><br>
</h1>
<center>
<script language="JavaScript">
<!--

function domult() {

amult = eval(document.form2.amult.value); 
bmult = eval(document.form2.bmult.value);
if (document.form2.bmult.value == "")
{
bmult = eval(document.form2.bmult.value = "0");
}
if (document.form2.amult.value == "")
{
amult = eval(document.form2.amult.value = "0");
}
prod = eval(amult * bmult); 
document.form2.cmult.value = prod
}


// -->
</script>
<form name="form2">
  <p><input name="amult" KeyDown="domult()" size="20"></input>&nbsp;*&nbsp;<input name="bmult" size="20"></input>&nbsp;=&nbsp;
  
  <input name="cmult" onclick="domult()" size="20"></input><br>
  
  <input onclick="domult()" type="text" value="calcular" size="20">&nbsp;&nbsp;&nbsp;<input type="reset" value="Restablecer">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
</form>
<hr width="89%">
  </font>
  </center></center>

</body> 
  #2 (permalink)  
Antiguo 21/03/2009, 14:16
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Multiplicación mediante Javascript y Html

El problema es que tratas de usar el evento KeyDown (que no existe), lo que deberías usar es onkeyup para que al ir escribiendo ya muestre el resultado.

Y para bloquear los campos sólo tienes que agregarles readonly="readonly"

Saludos .
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 22/03/2009, 15:55
 
Fecha de Ingreso: marzo-2009
Mensajes: 16
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Multiplicación mediante Javascript y Html

Te agradezco mucho por tu ayuda!!!!


GRACIAS!!!!!!!!!!!!!!!!!!
  #4 (permalink)  
Antiguo 22/08/2009, 12:42
 
Fecha de Ingreso: julio-2009
Mensajes: 18
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Multiplicación mediante Javascript y Html

Multiplicacion normal sin formulario?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:49.