Como sumar 2 valores en Javascript

Como un amante del php y de WordPress me paso querer aplicar la misma sintaxis y lógica para sumar 2 valores en Javascript. ¿La sorpresa? claro no es lo mismo.

Para que no te pase a ti te dejo en este rápido articulo como sumar 2 valores en Javascript de la forma correcta.

Función parseInt y parseFloat

Resulta que para poder sumar en javascript es necesario utilizar una función en concreto para números enteros y otra para numerosos decimales.

No es valido simplemente utilizar un operador aritmético como (+) dado que Javascript lo tomara como 2 lineas de texto y simplemente las concatenara (unira)

Entonces si nosotros tenemos este código:

var x = "2";
var y = "4";

var respuesta = x + y;

El resultado no sera 6 (que seria lo lógico porque 2 + 4 es 6) sino que será 24.

Si… esto porque Javascript toma por defecto a las variables como texto y no como numero. Entonces para poder sumar 2 números en Javascript necesitamos primero indicarle que esas variables son números.

Usaremos la función parseInt si los números que buscamos sumar son números enteros

Mientras que parseFloat la usaremos si la suma es con números decimales.

El código entonces quedaria asi:

var x = "2";
var y = "6";

var suma = parseInt(x) + parseInt(y);

Ahora si obtendremos la respuesta correcta que es 6.

Es importante aclarar que en este ejemplo lo hemos simplificado a unas variables textuales. Pero puede hacerse en combinación con procesos como el

document.getElementById("x").value;  

Lo que puede resultar muy útil por ejemplo para cálculos en tiempo real. Estos procesos son los que he aplicado por ejemplo en la Calculadora de salario.