Sumar dos Números JavaScript Ejemplo

Análisis:

Si nos damos cuenta el input de tipo button (Nuestro botón), tiene un evento onclick lo que indica que al pulsar hará el llamado de la funcion Sumar() en la cual se capturan los datos almacenados en las cajas de texto mediante document.getElementById().value; valores que son asignados a variables, luego como debemos convertir esos valores a número para poder realizar opecaciones matemáticas, debido a que estos valores son de tipo cadea o String, esta función la realizamos con al instrucción paseInt(). Por último solo resta mostrar el mensaje con el resultado obtenido.



<html>
    <head>
        <title>Sumar dos Numeros JavaScript</title>
    </head>
    <body>
    <fieldset>
        <legend>Ingrese dos numeros</legend>
        <label for="">Numero 1:</label>
        <input type="text" id="txtN1">
        <br><br>
        <label for="">Numero 2:</label>
        <input type="text" id="txtN2">
        <br><br>
        <input type="button" onclick="Sumar();" value="Calucular">
    </fieldset>
    </body>
    <script>
        function Sumar() {
            var n1 = document.getElementById('txtN1').value;
            var n2 = document.getElementById('txtN2').value;
            var suma = parseInt(n1) + parseInt(n2);
            alert("La suma es: "+suma)
        }
    </script>
</html>
Artículo Anterior Artículo Siguiente
post ADS 1
post ADS 2