Simular el efecto FadeOut de jQuery usando solo Vanilla JS. La siguiente función javascript fadeOut() consta de 2 parámetros: elemento y duración (este ultimo opcional) para controlar el tiempo que quermeos que dure la animación. function fadeOut(element, duration = 600) […]
Un ejemplo de como obtener en JavaScript vanilla un número entero aleatorio usando Math.floor y que este entre un determinado número mínimo y máximo que pasaremos como parámetros. En el siguiente ejemplo le pasamos a la función el min (1) […]
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));
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', […]
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 […]
Ejemplo de cómo reproducir automáticamente videos en html5 automáticamente al scrollear usando IntersectionObserver en javascript. De esta forma recorreremos todos los elementos video que haya en la página y observaremos cuando están visibles al hacer scroll para reproducir/pausar de forma […]
Función javascript para añadir «ceros» delante de un o varios números según el número de dígitos que este tenga este. En este caso vamos a ver un ejemplo sencillo para un máximo de 2 dígitos donde queremos que aparezca un […]
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 […]
Ejemplo muy sencillo para contar y limitar la escritura a un determinado nº caracteres en un textarea usando vanilla js. En el siguiente ejemplo vamos a contar los caracteres a medida que vas escribiendo en el textarea limitando hasta un […]
Para detectar y obtener la posición del scroll vertical («y») en pixeles en vanilla js es muy sencillo. Básicamente necesitamos usar el evento onscroll para detectar el movimiento del scroll y scrollY para obtener el valor en pixeles del desplazamiento […]