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 […]
Para obtener el ancho o alto de la «ventana» actual en javascript, basta con usar el objeto window con la propiedad innerWidth para el ancho, y innerHeight para el alto: var ancho = window.innerWidth; var alto = window.innerHeight;
Simple código vanilla js para detectar si estamos scrolleando hacia arriba o hacia abajo usando el método addEventListener para detectar el scroll y getBoundingClientRect para conocer la posición. var scrollPos = 0; window.addEventListener('scroll', function(){ if ((document.body.getBoundingClientRect()).top > scrollPos) // ARRIBA […]
Código javascript para detectar si el ratón esta en movimiento, y en esa caso ejecutar alguna otra tarea. En este caso voy a añadir una clase al body solo cuando el ratón esta en movimiento, y cuando esta parado pues […]
Ejemplo javascript sencillo de cuenta atrás de x segundos. Como ejemplo de cuenta regresiva de 10 segundos: window.onload = updateClock; var totalTime = 10; function updateClock() { document.getElementById('countdown').innerHTML = totalTime; if(totalTime==0){ alert('Final'); }else{ totalTime-=1; setTimeout("updateClock()",1000); } } Demo:
Ejemplo de código javascript para ofuscar o camuflar enlaces fácilmente a ojos de los bots. Existen varias formas, esta es la que mas me gusta, y mas sencilla de implementar si lo haces con intención seo por ejemplo. Me gusta […]
2 ejemplos para validar o detectar si un checkbox esta seleccionado (checek) usando vanilla javascript. 1. El ejemplo básico para saber si un checkbox esta seleccionado: var isChecked = document.getElementById('test').checked; if(isChecked){ alert('checkbox esta seleccionado'); } 2. Y si quieres detectar […]
2 ejemplos javascript para volver o regresar a la página de atrás al pinchar sobre un determinado botón o elemento usando el método back() de js. 1. Usándolo dentro del atributo href: <a href="javascript: history.go(-1)">Volver atrás</a> 2. Usándolo dentro del […]