Calculadora

Calculadora Javascript - Obtener Inputs

Ahora que tenemos una calculadora queremos poder apretar los botones y ver eso en el visor de la calculadora.

Crear e incluir archivo javascript

Crear el archivo main.js en la raíz del proyecto e incluirlo antes del cierre de body

    ...
        <script src="main.js"></script>
    </body>

Mantener estado de la calculadora

Por ahora el estado de la calculadora es simplemente el valor del display.

var display = '0'

Este estado tiene que verse reflejado en el display. Vamos a escribir una funcion que actualiza el estado en el display.

function actualizarDisplay() {
    document.getElementById("input").value = display;
}

window.onload = function() {
    actualizarDisplay();
}

Presionar una número

Al presionar una tecla tenemos que ejecutar una funcion y modificar el estado del visor. Como nuestro display es un string podemos simplemente concatenar el nuevo numero.

function presonarNumero(numero) {
    display+=numero;
    actualizarDisplay();
}