Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Comparto una calculadorita super simple

Hola! Estoy haciendo la parte dos de lógica de programación y voy por la clase "Campo de texto y botón" Hice una calculadorita muy simple con dos campos de texto, un boton para sumar y uno para multiplicar, lo comparto por si a alguien le sirve o le da alguna idea.

<h1>Calculadora simple</h1>

    <p>Escriba un numero en cada espacio y seleccione una operación</p>

    <input id="primer-operando" type="text">

    <input id="segundo-operando" type="text">

    <button id="suma">+</button>

    <button id="multiplicacion">&times</button>

    <button id="reset">C</button>

    <p id="resultado"></p>



    <script>

        let primerOperando = document.getElementById("primer-operando");
        let segundoOperando = document.getElementById("segundo-operando");

        let suma = document.getElementById("suma");
        let multiplicacion = document.getElementById("multiplicacion");
        let resetButton = document.getElementById("reset");

        let resultado = document.getElementById("resultado");

        suma.addEventListener('click', sumar);
        multiplicacion.addEventListener('click', multiplicar);
        resetButton.addEventListener('click', reset);


        function sumar() {
            resultado.innerHTML = parseInt(primerOperando.value) + parseInt(segundoOperando.value);
            primerOperando.disabled = true;
            segundoOperando.disabled = true;
        }

        function multiplicar() {
            resultado.innerHTML = parseInt(primerOperando.value) * parseInt(segundoOperando.value);
            primerOperando.disabled = true;
            segundoOperando.disabled = true;
        }

        function reset() {
            resultado.innerHTML = "";
            primerOperando.value = "";
            segundoOperando.value = "";
            primerOperando.disabled = false;
            segundoOperando.disabled = false;
        }

    </script>

Saludos!!

1 respuesta

No entender, compañero.