CalculadoraBasica

Creada con JS, CSS y HTML.

</table>

.calculadora { display: block; margin: 0 auto; padding: 15px; background-color: goldenrod; width: 365px; height: 500px; border-radius: 25px;
}

.calculadora td button { display: block; width: 70px; height: 70px; font-size: 25px;

}

#resultado { display: block; text-align: center; font-size: 40px; margin-bottom: 50px; width: 330px; height: 100px; line-height: 100px; background-color: white; border-radius: 25px; overflow-y: scroll; }

let operandoa; let operandob; let operacion;

function init (){ let resultado = document.getElementById("resultado"); let reset = document.getElementById("reset"); let suma = document.getElementById("suma"); let resta = document.getElementById("resta"); let multiplicacion = document.getElementById("multiplicacion"); let division = document.getElementById("division"); let igual = document.getElementById("igual"); let uno = document.getElementById("uno"); let dos = document.getElementById("dos"); let tres = document.getElementById("tres"); let cuatro = document.getElementById("cuatro"); let cinco = document.getElementById("cinco"); let seis = document.getElementById("seis"); let siete = document.getElementById("siete"); let ocho = document.getElementById("ocho"); let nueve = document.getElementById("nueve"); let cero = document.getElementById("cero");

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";
}
uno.onclick = function (e){
    resultado.textContent = resultado.textContent + "1";
}
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";
}

reset.onclick = function (e){
    resetear();
}
suma.onclick = function (e){
    operandoa = resultado.textContent;
    operacion = "+";
    limpiar();
}
resta.onclick = function (e){
    operandoa = resultado.textContent;
    operacion = "-";
    limpiar();
}
multiplicacion.onclick = function (e){
    operandoa = resultado.textContent;
    operacion = "*";
    limpiar();
}
division.onclick = function (e){
    operandoa = resultado.textContent;
    operacion = "+";
    limpiar();
}
igual.onclick = function (e){
    operandob = resultado.textContent;
    resolver();
}

}

function limpiar(){ resultado.textContent = ""; } function resetear(){ resultado.textContent = ""; operandoa = 0; operandob = 0; operacion = ""; } function resolver(){ let res = 0; switch(operacion){ case "+": res = parseFloat (operandoa) + parseFloat (operandob); break; case "-": res = parseFloat (operandoa) - parseFloat (operandob); break; case "*": res = parseFloat (operandoa) * parseFloat (operandob); break; case "/": res = parseFloat (operandoa) / parseFloat (operandob); break;

}
resetear ();
resultado.textContent = res;

}