Ejemplo variables globales

<div >
            <h1 >Almacen de sumas</h1>
            <p>Introduce el número del que quieres sumar</p>
            <input type="number" id="numero" >
            <input type="button" id="botoncalcular" value="Sumar">
            <input type="button" id="botondeshacer" value="Deshacer" style="display:none">
            <div id="resultado"></div>
        </div>

        <script>

            document.getElementById("botoncalcular").addEventListener("click", calcular);
            document.getElementById("botondeshacer").addEventListener("click", deshacer);
            var total = 0;
            var numero;
            function calcular() {
                numero = parseInt(document.getElementById("numero").value)
                total += numero;
                document.getElementById("resultado").innerHTML = total;
                document.getElementById("botondeshacer").style.display="";
            }
            function deshacer() {
                total -= numero;
                document.getElementById("resultado").innerHTML = total;
                document.getElementById("botondeshacer").style.display="none";
            }


        </script>

Publicado por

Juan Pablo Fuentes

Formador de programación y bases de datos