JavaScript

Para saber si un array en JavaScript esta vacío podemos hacer la siguiente expresión js: const arrayVacio = (arr) => !Array.isArray(arr) || arr.length === 0; // Ejemplos arrayVacio([]); // true arrayVacio(['Raúl', 'Marta']); // false

Leer más...

El Operador condicional (ternario) hace que los condicionales sean más sencillos en JavaScript. Se usa a menudo como atajo para la instrucción if. tiene tres operandos: condición ? verdadero : falso; Un ejemplo de condicional normal: let edad = 13, […]

Leer más...

Por defecto, SwiperJS solo carga su core version, es decir, sin módulos adicionales (como Navigation, Pagination, etc). Por lo tanto, para que funcionen debes primero importarlos y configurarlos. Ej: // core version + módulos navigation y pagination: import Swiper, { […]

Leer más...

Un ejemplo sencillo en vanilla js para recorrer y leer un determinado archivo json usando el método fetch() de javascript: fetch('mi-archivo.json') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.log(error));

Leer más...

Vanilla JS: on load

A continuación un par de formas de comprobar en JavaScript cuando se ha cargado la página completamente. Si quieres saber cuando se carga toda página, incluido su html, imágenes, css, js… puedes usar alguno de estos 2 códigos js: window.addEventListener('load', […]

Leer más...

Para clonar un determinado elemento/s es muy sencillo usando el método cloneNode() de javascript, con el cual puedes clonar solo el elemento padre o tmabien los hijos que tenga este. Clonar solo el elemento «padre» const clonar = document.querySelector('.mi-elemento').cloneNode(); Clonar […]

Leer más...

Vanilla JS: foreach

A continuación como recorrer un array usando el método forEach() de vanilla javascript. Vamos a ver 2 ejemplos diferentes, uno usando unos elementos del dom, y otro con un array en una variable. Ejemplo 1. Vamos a recorrer todos los […]

Leer más...