Javascript archivos | Hugo Parrales Experto en Wordpress & Marketing Digital Wed, 07 Dec 2022 23:24:54 +0000 es hourly 1 https://i0.wp.com/hugoparrales.com/wp-content/uploads/2019/12/cropped-nav-logo-1.png?fit=32%2C32&ssl=1 Javascript archivos | Hugo Parrales 32 32 170279445 Como sumar 2 valores en Javascript https://hugoparrales.com/sumar-javascript/ https://hugoparrales.com/sumar-javascript/#respond Wed, 07 Dec 2022 23:24:49 +0000 https://hugoparrales.com/?p=972 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? ...

Leer articulo

La entrada Como sumar 2 valores en Javascript se publicó primero en Hugo Parrales.

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

sumar en javascript

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.

La entrada Como sumar 2 valores en Javascript se publicó primero en Hugo Parrales.

]]>
https://hugoparrales.com/sumar-javascript/feed/ 0 972
if en Javascript https://hugoparrales.com/if-javascript/ https://hugoparrales.com/if-javascript/#respond Wed, 07 Dec 2022 14:02:21 +0000 https://hugoparrales.com/?p=967 Condición If en Javascript, en este articulo te explico y muestro como ponerlo en marcha en tu web. Condicionales en Javascript En Javascript al igual ...

Leer articulo

La entrada if en Javascript se publicó primero en Hugo Parrales.

]]>
Condición If en Javascript, en este articulo te explico y muestro como ponerlo en marcha en tu web.

Condicionales en Javascript

En Javascript al igual que en otros lenguajes de programación contamos con los llamados condicionales.

Los condicionales son elementos que permiten establecer una secuencia de paso a partir del valor o comparación con un valor de una variable que nosotros definimos.

Las condiciones básicas de Javascript son: if, else, else if, y switch

if en javascript

Condición if en Javascript

La condición if es una condición simple que determina si una declaración o statment es verdadera.

La estructura es simple:

if (condición) {
  //  Aqui va todo lo que pasara si la condición es verdadera :)
}

Establecer la condición queda a criterio del programador. Se pueden emplear variables dinámicas o fijas para poder ejecutar código.

Por ejemplo con una variable fija como una hora en especifico del dia:

if (new Date().getHours() < 12) {
  document.getElementById("demo").innerHTML = "Buenos dias!";
}

En el ejemplo anterior la función new Date().getHours() devuelve la hora actual y la compara con una variable fija que es el 12.

La función if en javascript también puede aplicarse con variables dinamicas

var n = document.getElementById("contador").value;
var x = document.getElementById("respuesta").value;
if (n < x) {
  var y = "La respuesta esta en tu corazon";
}

En el ejemplo anterior se utilizan dos variables dinámicas que salen de 2 elementos con Id establecido. La condición las compara y determina mediante una expresión y comparación matemática. En este ejemplo se busca determinar si «x» es mayor que «n»

Si se cumple que la condición if es verdadera entonces la variable «y» toma el texto que hemos establecido. Al cumplirse la condición if en nuestro código también podríamos ejecutar alguna función o llamar a algún elemento.

La entrada if en Javascript se publicó primero en Hugo Parrales.

]]>
https://hugoparrales.com/if-javascript/feed/ 0 967