Códigos Fuente de JavaScript

Barra de Progreso para el Scroll con JavaScript. Un evento y la función procesan la posición del Scroll... Mejor lo vemos.

Script que convierte un input type password en un input type text., dejando ver el valor que contiene el primero. Un método sencillo que puede no dar resultado en todos los navegadores web.

Veamos de todas formas el código del ejemplo.

Sticky Header realizado en JavaScript Compatible. No utiliza librerías de terceros. Funciona en todos los navegadores web.
Al mover el Scroll, un Sticky queda fijado en la parte superior. Top de la página. El resto del contenido, se desplaza según la posición del Scroll.

Veamos el código de ejemplo.

Un CROSSHAIR movido por el mouse que ocupa el espacio visible del navegador web.
Se trata de un Script compatible, adaptable, sin imágenes. Lo vemos funcionando...

Efectos con DIV's al mover el mouse en horizontal. Una combinación de color y opacity sobre capas que cambian de tamaño al mover el mouse. Mejor lo vemos...

Espero sea de interés.

Este simple código muestra como controlar los caracteres pulsados en un <textarea> para permitir unicamente la entrada de letras, números y el espacio.

Este simple código muestra las propiedades del objeto Windows que hacen referencia al tamaño del navegador, scroll y posición en el escritorio.
https://www.w3schools.com/jsref/obj_window.asp

Script de JavaScript que muestra un mensaje en la consola cada vez que la ventana del navegador es movida en el escritorio.

Este simple código, muestra como dibujar dos tipos de árbol de navidad con asteriscos.

Código que genera un array bidimensional donde pone los barcos necesarios para jugar al juego de Guerra de barcos y muestra su posición en la pantalla utilizando canvas.



Los barcos no se pueden tocar en la cuadricula.
Los tipos de barcos a utilizar en el juego son:
- 1 de 4 posiciones
- 2 de 3 posiciones
- 3 de 2 posiciones
- 4 de 1 posición

Muy agradecido a mi amigo Kip por su ayuda en el desarrollo!!!