Sumar dos Números JavaScript Ejemplo

JavaScript

Ejemplo muy sencillo de como sumar dos numeros JavaScript, teniendo como base la construcción de una interfaz en HTML para ingresar los datos del usuario (Numeros), veamos:

Ejemplo Sumar dos números JavaScript

<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>

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.

¡Suscríbete a mi canal, para acceder a más contenidos gratuitos!

Un comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *