Agregar dos números en JavaScript

Muhammad Muzammil Hussain 15 febrero 2024

JavaScript JavaScript Math

En este artículo, aprenderemos y usaremos operaciones aritméticas en el código fuente de JavaScript y cómo obtener la suma de múltiples valores numéricos y usar el cuadro de alerta y el cuadro de registro predeterminados para mostrar el resultado al usuario.

Agregar números en JavaScript

Para encontrar resultados de operaciones aritméticas como (suma, resta, multiplicación y división) usamos operadores en declaraciones de código JavaScript. Los desarrolladores utilizan principalmente estos operadores para realizar cálculos y otros problemas matemáticos en sus programas.

Para encontrar la suma, los programadores usan el operador + con valores numéricos.

Operador de suma (`+`) en JavaScript

En JavaScript, el operador + obtiene el resultado de la suma de valores numéricos. Si usamos el operador + en valores de cadena, realizará la concatenación entre cadenas.

Sintaxis:

let value1 = 10
let value2 = 5
let sum = value1 + value2  // addition of values
console.log(sum);

Necesitamos varios valores numéricos asignados o valores proporcionados por el usuario para realizar la operación de suma. En el siguiente ejemplo, obtendremos dos valores de la entrada del usuario y realizaremos una operación de suma, luego mostraremos el resultado al usuario.

Código de ejemplo:

<html>
    <head>
        <title> display JavaScript alert </title>
    </head>
    <script>
    function createSum()
    {
        let data1 = document.getElementById("value1").value;
data1 = parseInt(data1)
        let data2 = document.getElementById("value2").value;
data2 = parseInt(data2)

if(isNaN(data1) || isNaN(data2)) //check empty data field
    {
      alert("Please enter both values");
      }else{
       let sum = data1+data2;
       alert("Your'e sum value is : "+sum);
       }
    }
    </script>
    <body>

        <h1 style="color:blueviolet">DelftStack Learning</h1>
        <h3>JavaScript Add two values</h3>

        <form onsubmit ="return createSum()">
            <!-- data input -->

            <td> Enter 1st Value: </td>
            <input id = "value1" type="number">

            <td> Enter 2nd Value: </td>
            <input id = "value2" type="number">

            <br><br>
            <input type = "submit" value = "Sum values">
        </form>
    </body>
</html>

Producción:

Suma dos números usando javascript

Utilizamos el elemento de formulario en el código fuente HTML anterior para crear campos de entrada de usuario y botón de envío. El usuario insertará ambos valores, y cuando el usuario haga clic en el botón Enviar, se activará la función createSum().

En las etiquetas de script, hemos declarado la función createSum(), y dentro de esa función, obtenemos valores de entrada del usuario en las variables data1 y data2 y usamos la declaración condicional if para verificar los valores de entrada.

Si los valores están vacíos o no contienen un número, mostrará un mensaje de error alerta(). Si el usuario proporciona ambos valores numéricos, entonces, en la condición else, realizamos la suma usando el operador +, almacenamos el resultado en la variable sum y lo mostramos en la ventana emergente alert().

Agregar números en JavaScript

Operador de suma (+) en JavaScript

Artículo relacionado - JavaScript Math

Operador de suma (`+`) en JavaScript