/* Creamos tres variables para guardar los valores y la operación
otorgada por el usuario*/
var datouno;
var datodos;
var operacion;
/* Función principal que se ejecuta con la etiqueta body*/
function miFuncion(){
    /* Creamos variables para cada botón y el espacio de la pantalla
    guardando el valor de cada una por medio de la función "getElmentById"*/
    var resultado = document.getElementById("resultado");
    var division = document.getElementById("division");
    var multiplicacion = document.getElementById("multiplicacion");
    var resta = document.getElementById("resta");
    var suma = document.getElementById("suma");
    var borrar = document.getElementById("borrar");
    var igual = document.getElementById("igual");
    var uno = document.getElementById("uno");
    var dos = document.getElementById("dos");
    var tres = document.getElementById("tres");
    var cuatro = document.getElementById("cuatro");
    var cinco = document.getElementById("cinco");
    var seis = document.getElementById("seis");
    var siete = document.getElementById("siete");
    var ocho = document.getElementById("ocho");
    var nueve = document.getElementById("nueve");
    var cero = document.getElementById("cero");

    /* Por medio del atributo onclcik, cuando se dé clic sobre un botón
    referente a un numero se guardara el valor de ese numero en la variable*/
    uno.onclick = function(e){
        resultado.textContent = resultado.textContent + "1";
    }
    dos.onclick = function(e){
        resultado.textContent = resultado.textContent + "2";
    }
    tres.onclick = function(e){
        resultado.textContent = resultado.textContent + "3";
    }
    cuatro.onclick = function(e){
        resultado.textContent = resultado.textContent + "4";
    }
    cinco.onclick = function(e){
        resultado.textContent = resultado.textContent + "5";
    }
    seis.onclick = function(e){
        resultado.textContent = resultado.textContent + "6";
    }
    siete.onclick = function(e){
        resultado.textContent = resultado.textContent + "7";
    }
    ocho.onclick = function(e){
        resultado.textContent = resultado.textContent + "8";
    }
    nueve.onclick = function(e){
        resultado.textContent = resultado.textContent + "9";
    }
    cero.onclick = function(e){
        resultado.textContent = resultado.textContent + "0";
    }

    /* Por medio del atributo onclcik, cuando se de clic sobre un botón
    se llamara la funcion resetear*/
    borrar.onclick = function(e){
        resetear();
    }

    /* Por medio del atributo onclcik, cuando se de clic sobre un botón
    de operación se guardará en variable "datouno" el dato reflejado en
    la pantalla, adicional se guardará en la variable "operacion" el 
    signo de acuerdo con el botón oprimido, limpiando el dato en la pantalla
    con la funcion limpiar()*/
    suma.onclick = function(e){
        datouno = resultado.textContent;
        operacion = "+";
        limpiar();
    }
    resta.onclick = function(e){
        datouno = resultado.textContent;
        operacion = "-";
        limpiar();
    }
    multiplicacion.onclick = function(e){
        datouno = resultado.textContent;
        operacion = "*";
        limpiar();
    }
    division.onclick = function(e){
        datouno = resultado.textContent;
        operacion = "/";
        limpiar();
    }
    /* Por medio del atributo onclcik, cuando se de clic sobre el botón
    de igual se guaradara en variable "datodos" el dato reflejado en
    la pantalla para luego por medio de la función resolver() se ejecute
    la operación guardada en la varibale datouno y datodos*/
    igual.onclick = function(e){
        datodos = resultado.textContent;
        resolver();
    }
}
/* Función para limpiar el contenido de la pantalla*/
function limpiar(){
    resultado.textContent="";
}
/* Función borrar los valores en pantalla y reiniciar los valores de 
las variables datouno, dato dos y operación*/
function resetear(){
    resultado.textContent="";
    datouno = 0;
    datodos = 0;
    operacion = "";
}

/* Función para ejecutar la operación de acuerdo con el botón seleccionado
de operación*/
function resolver(){
    var res = 0;
    switch(operacion){
        case"+":
            res = parseFloat(datouno) + parseFloat(datodos);
            break;
        case"-":
            res = parseFloat(datouno) - parseFloat(datodos);
            break;
        case"*":
            res = parseFloat(datouno) * parseFloat(datodos);
            break;
        case"/":
            res = parseFloat(datouno) / parseFloat(datodos);
            break;
    }
    resetear();
    resultado.textContent = res;
}