simple calculadora en javascript
calculadora
.res{position:absolute;
top:100px;
left:100px;
width:auto;
height:auto;}
function operar(){
var dive=document.getElementById('res');
var numero1=document.forms["formulario1"].elements["num1"].value;
varnumero2=document.forms["formulario1"].elements["num2"].value;
var operador=document.forms["formulario1"].elements["ope"].value;
if(operador=="+"){
var res=eval(numero1)+eval(numero2);
dive.innerHTML=res;
}
elseif(operador=="-"){
var res=eval(numero1)-eval(numero2);
dive.innerHTML=res;
}
else if(operador=="*"){
var res=eval(numero1)*eval(numero2);
dive.innerHTML=res;
}
else if(operador=="/"){
varres=eval(numero1)/eval(numero2);
dive.innerHTML=res;
}
}
document.getElementById('boton').addEventListener('click',operar,false);
Explicacion
Primero creamos la clase res que corresponde aldiv donde aparecera el resultado de la operacion dinamicamente.
Luego creamos un formulario con 4 elementos, 3 input text, donde se introduciran el primer operador, el signo de la operacion, y elsegundo operador respectivamente y un botton normal, prestenle atencion a la propiedad name y value de los imput. O para los que no saben value es el contenido del campo o lo que se escribe.
Codigojavascript:
var dive=document.getElementById('res');
creamos una referencia al div id=res, y la guardamos en la variable dive.
var numero1=document.forms["formulario1"].elements["num1"].value;guardamos en la variable numero1 el valor del campo de nombre num1.
Con document.forms["algo"] accedemos al formulario de nombre algo,
y con
document.forms["algo"].elements["campo1"].valueaccedemos al texto que contiene el input de nombre campo1 del formulario de nombre algo.
los operadores condicionales disctinguen cada caso el simbolo ingresado en el campo para el operador y de...
Regístrate para leer el documento completo.