Ver Mensaje Individual
  #10 (permalink)  
Antiguo 21/01/2010, 12:07
carolinaalvarez
 
Fecha de Ingreso: enero-2010
Mensajes: 10
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Ayuda estoy iniciando con javascript

Cita:
Iniciado por ceSharp Ver Mensaje
hay que ver el p.... lío que me he hecho en un momento y el que casi le hago a Carloina,jejejejeje

eso me pasa por no probar los códigos... (una y no más). Como recogia el valor de id=resultado con .value y luego le estaba diciendo que mostrara en la caja de texto resultado.value --> total que estaba indicandole dos veces .value, en fins un lío tremendo.

puse esa solución porque, aunque tenía más lineas de código, parecía más clara que usando eval, aunque si te digo la verdad no había caido en ella...

me la apunto! (ves, si al final hasta ayudando se aprende!)

saludos a todos!! ;)
Arreglé el tuyo así:

<!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>
<script type="text/javascript">
function calcula(a)
{
//obtenemos los campos de texto num1 y num2 convertidos en números
var num1 = parseInt(a.num1.value); //valor entero del input num1
var num2 = parseInt(a.num2.value); //valor entero del input num2
var operador = a.operador.value; //valor del input operador



//según el operador aritmético realizamos la operación
//switch evalua lo que vale el operador y en función de lo que valga realizamos operación
switch(operador)
{
case '+':
a.resultado.value = num1 + num2;
break;
case '-':
a.resultado.value = num1 - num2;
break;
case '*':
a.resultado.value = num1 * num2;
break;
case '/':
a.resultado.value = num1 / num2;
break;
default:
//si operador no coincide con ningún operador aritmético conocido devolvemos un texto en el
//campo de texto de resultado
a.resultado.value = 'operador incorrecto';
break;
}
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>

<label>
<input type="text" id="num1" name="num1" />
</label>
<label>
<input type="text" id="operador" name="operador" />
</label>
<label>
<input type="text" id="num2" name="num2" />
</label>
<p>
<label>
<input name="boton" type="button" id="boton" value="calcular" onclick="calcula(document.form1)" />
</label>
<label>
<input type="text" id="resultado" name="resultado" />
</label>



</body>
</html>