Códigos Fuente de JavaScript

Mostrando del 1 al 10 de 551 registros
<<>>
Imágen de perfil

Encuentra la pareja


JavaScript

Publicado el 10 de Junio del 2019 por Administrador
308 visualizaciones desde el 10 de Junio del 2019
Juego en el que tienes que encontrar quince parejas de símbolos iguales de proyectos de software libre.
Dispones de dos minutos para hacerlo, y los errores penalizan en tiempo.

parejas
Imágen de perfil

Encuentra la bandera de cada país


JavaScript

Publicado el 08 de Junio del 2019 por Administrador
365 visualizaciones desde el 08 de Junio del 2019
Juego en el que tienes que identificar la bandera segun el nombre del país que te muestre.
Los errores penalizan en el tiempo, y solo tienes 5 minutos.

banderas
sin imagen de perfil
Val: 90
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Rotar diferentes imágenes con un click


JavaScript

Publicado el 06 de Junio del 2019 por Joan
452 visualizaciones desde el 06 de Junio del 2019
Este simple código muestra como gestionamos los grados que ha girado cada elemento al pulsar con rotan encima de la imagen.

rotar
Imágen de perfil

Creación y resolución de un laberinto


JavaScript

Publicado el 03 de Junio del 2019 por Administrador
494 visualizaciones desde el 03 de Junio del 2019
- Toda la programación está hecha en JavaScript.
- La visualización de los laberintos se basa en el elemento canvas de HTML5. Para los símbolos uso imágenes de 16×16 píxeles y para mostrar la solución uso círculos y rectángulos dibujados.
- La generación de laberintos se hace por backtracking y se obtiene un laberinto perfecto: cualesquiera dos puntos están conectados por exactamente un camino y no hay bucles. Lo elegí porque visualmente me pareció más atractivo.
- La salida (el cohete) y la llegada (la casita) las elijo para que estén lo más separadas posible, para conseguir que la solución sea un camino largo. En algunas ocasiones la curva resultante me recuerda a la curva de Peano.
- La solución del laberinto se obtiene buscando los puntos muertos, celdas que están rodeadas de tres muros; cuando se eliminan todos, las celdas que quedan son las que forman la solución. También me pareció más adecuada para su visualización.
- Para mostrar la solución utilizo un temporizador JavaScript ¡para cada paso! Nunca pensé que eso podría funcionar. Con la inocencia del novato, pensé en usar el equivalente en JavaScript a una función sleep() hasta que descubrí que ni existía ni se consideraba correcto escribirla, por lo que tuve que pensar un buen rato cómo conseguir lo que quería con temporizadores. Bueno, parece que funciona :)

laberinto

laberinto-resuelto
Imágen de perfil

Crear eventos que sirven para elementos que todavia no se han cargado


JavaScript

Publicado el 30 de Mayo del 2019 por Administrador
365 visualizaciones desde el 30 de Mayo del 2019
Este código muestra como definir un evento sobre uno o varios elementos los cuales puede que todavia no existan, ya que puede ser que tengan que ser cargados por ajax.

Para ello, se utiliza una función on(), en la que se le define el evento, el elemento y la función a ejecutar, y se encarga de revisar el DOM en cada uno de los eventos que hemos configurado, para ver si coincide con alguno de los elementos que hemos definido.
Al hacerlo de esta manera, el evento se ejecutara también para nuevos elementos creados posteriormente a la definición del evento.

Es similar al evento definido en jquery: $(document).on('click', '.btn', handleClick);
Imágen de perfil
Val: 2.205
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cálculo de hipotecas/préstamos


JavaScript

Publicado el 29 de Mayo del 2019 por xve
627 visualizaciones desde el 29 de Mayo del 2019
Este sencillo código muestra como calcular el interés y amortización de una hipoteca o préstamo bancario.

calculo-hipoteca-prestamo


Puedes ver este mismo código en PHP:
https://www.lawebdelprogramador.com/codigo/PHP/3924-Calculo-de-hipotecas-prestamos.html
Imágen de perfil

em Zoom


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 28 de Mayo del 2019 por Administrador (Publicado el 02 de Abril del 2014)
1.746 visualizaciones desde el 02 de Abril del 2014. Una media de 7 por semana
Código que muestra como mediante JavaScript podemos adaptar un diseño a diferentes tipos de resoluciones.

em-zoom
Imágen de perfil
Val: 2.141
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Numeros aleatorios sin repetir en JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 25 de Mayo del 2019 por Xavi
367 visualizaciones desde el 25 de Mayo del 2019
Esta función devuelve una cantidad especifica de números aleatorios sin repetir entre un máximo y un mínimo indicados.
Imágen de perfil
Val: 2.141
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Seleccionar una imagen con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 19 de Mayo del 2019 por Xavi (Publicado el 26 de Noviembre del 2007)
13.946 visualizaciones desde el 26 de Noviembre del 2007. Una media de 28 por semana
Código que permite seleccionar y deseleccionar una imagen mediante javascript y CSS.
Una vez seleccionada la imagen, es posible enviar el nombre de la misma mediante un formulario.

seleccionar-imagen
Imágen de perfil
Val: 2.141
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Modificar un formulario desde otra pagina web


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 19 de Mayo del 2019 por Xavi (Publicado el 26 de Noviembre del 2007)
9.974 visualizaciones desde el 26 de Noviembre del 2007. Una media de 21 por semana
Código que muestra como abrir una ventana, y desde esa ventana, permitir modificar el contenido de una casilla de texto de la ventana inicial

javascript
Revisar política de publicidad