Buscar un código de JavaScript

Mostrando del 211 al 220 de 529 coincidencias
Se ha buscado por la cadena: javascript
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Grid Foto Simple


JavaScript

Publicado el 20 de Febrero del 2020 por Scriptshow (141 códigos)
1.736 visualizaciones desde el 20 de Febrero del 2020
Grid Foto Simple es un diseño responsable y compatible con cualquier navegador web y/o dispositivo compatible. Su funcionamiento es muy sencillo y no precisa librería alguna. Está basado en JavaScript y CSS nativos. Al pulsar en una imagen, ésta se posiciona en primer plano y se adapta a la resolución de la pantalla. Al clicar en la imagen ampliada, retorna al inicio donde están todas las imágenes distribuidas en Grid Responsive.

Espero sea útil.
sin imagen de perfil
Val: 16
Ha aumentado su posición en 7 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego con dados de póker


JavaScript

Publicado el 14 de Febrero del 2020 por Manuel (2 códigos)
3.123 visualizaciones desde el 14 de Febrero del 2020
Éste es el código fuente de un juego al que se juega con tres dados de póker, inventado por mí.

Es una aplicación web muy sencilla que puede servir para empezar a programar en Javascript y pequeñas nociones básicas de HTML y estilo CSS.

Consta de un archivo .JS, otro .HTML que incluye la estructura de esta aplicación web y el estilo en CSS, además de una carpeta "img" con las imágenes que utiliza la aplicación.

Al principio se recomienda pulsar la tecla F12 en el navegador, ya que en el debugger o inspector se muestra la evolución de cada jugada, puntos de cada jugador, etc.
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir una cadena dada en un array de solo palabras


JavaScript

Publicado el 10 de Febrero del 2020 por Katas (200 códigos)
1.159 visualizaciones desde el 10 de Febrero del 2020
Crear una función que reciba una cadena y devuelva un array únicamente con las palabras, omitiendo los caracteres que no sean letras o guiones medios.

1
2
words('I love javaScript!!'); // ["I", "love", "javaScript"]
words('¡¡programming & coffee (the best)!!'); // ["programming", "coffee", "the", "best"]
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener los elementos que se repiten entre dos arrays


JavaScript

Actualizado el 9 de Febrero del 2020 por Katas (200 códigos) (Publicado el 7 de Febrero del 2020)
1.392 visualizaciones desde el 7 de Febrero del 2020
Esta función devuelve un array con los elementos que se repiten entre dos arrays.

1
2
arrayRepeat([1, 2, 3], [1, 2, 4]); // [1, 2]
arrayRepeat([4, 1, 2, 2], [1, 3, 1, 9]); // [1]

Para obtener los valores que NO se repiten: https://www.lawebdelprogramador.com/codigo/JavaScript/5886-Obtener-los-elementos-que-no-se-repiten-entre-dos-arrays.html
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener los elementos que no se repiten entre dos arrays


JavaScript

Publicado el 7 de Febrero del 2020 por Katas (200 códigos)
1.189 visualizaciones desde el 7 de Febrero del 2020
Esta función devuelve un array con los elementos que no se repiten entre dos arrays.

1
2
arrayDifference([1, 2, 3], [1, 2, 4]); // [3, 4]
arrayDifference([4, 1, 2, 2], [1, 3, 1, 9]); // [4, 2, 3, 9]

Para obtener los valores que SI se repiten: https://www.lawebdelprogramador.com/codigo/JavaScript/5887-Obtener-los-elementos-que-se-repiten-entre-dos-arrays.html
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Devolver los elementos de un array que no cumplen la condición


JavaScript

Publicado el 7 de Febrero del 2020 por Katas (200 códigos)
1.074 visualizaciones desde el 7 de Febrero del 2020
Función para eliminar elementos de un array empezando por la derecha según cumpla con la función pasada como parámetro.
Utilizando Array.prototype.reduceRight() hace un bucle entre todos los elementos devolviendo los valores que la función pasada como parámetro devuelve false.

1
2
takeRightWhile([9, 2, 3, 4, 5, 6], n => n < 3); // [9, 3, 4, 5, 6]
takeRightWhile([9, 2, 3, 4, 5, 6], n => n > 3); // [2, 3]
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Slide Fullscreen Images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 2 de Febrero del 2020 por Scriptshow (141 códigos) (Publicado el 29 de Octubre del 2016)
2.801 visualizaciones desde el 29 de Octubre del 2016
Slide Fullscreen Imagen ajustada a la ventana del navegador con javascript. Interactúa moviendo el mouse y pulsando en los enlaces, aparecerán los contenidos del álbum correspondiente. Haz click en las miniaturas para ampliar la imagen. Pulsa en la imagen para volver al álbum, etc.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Imagen con Efecto Lupa OnMouseMove


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 2 de Febrero del 2020 por Scriptshow (141 códigos) (Publicado el 10 de Marzo del 2017)
16.640 visualizaciones desde el 10 de Marzo del 2017
Se trata de un efecto que hace Zoom sobre una imagen aumentando la zona señalada por el mouse. Conocido efecto lupa que se utiliza en Ecomercios para mostrar detalles del producto, etc.

La particularidad es que funciona con menos de 20 líneas de código JavaScript.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Interactive Grid List Colors


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Enero del 2020 por Scriptshow (141 códigos)
1.336 visualizaciones desde el 20 de Enero del 2020
Saludos,

código que permite interactuar clicando y moviendo el mouse para iniciar, cambiar colores, cambiar tamaño, etc. del Grid - List con CSS y JavaScript (DHTML). El resultado es un conjunto de efectos y experiencias UI / UX.

Espero sea útil.
Imágen de perfil
Val: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Saber si nuestro código se ejecuta en un navegador o en NodeJS


JavaScript

Publicado el 17 de Enero del 2020 por Katas (200 códigos)
1.097 visualizaciones desde el 17 de Enero del 2020
Determina si el entorno donde se esta ejecutando JavaScript es un navegador o se esta ejecutando sobre NodeJS.

Utiliza Array.prototype.includes() en el tipo de valores de la ventana y del documento (los globales generalmente solo están disponibles en un entorno de navegador a menos que se definan explícitamente), lo que devolverá verdadero si uno de ellos no está definido. typeof permite que se verifique la existencia de globals sin lanzar un ReferenceError. Si ambos no están indefinidos, se supone que el entorno actual es un navegador.

1
2
isBrowser(); // true (browser)
isBrowser(); // false (Node)