Códigos Fuente de JavaScript

Mostrando del 91 al 100 de 769 registros
Imágen de perfil

Juego del Simon Dice


JavaScript

Publicado el 27 de Febrero del 2020 por Administrador (675 códigos)
717 visualizaciones desde el 27 de Febrero del 2020
Juego del "Simon dice" donde hay que ir recordando las combinaciones de luces y sonidos que te va mostrando "Simon" para tener que ir repitiéndolas. Cada vez "Simon" incrementara la cantidad de colores a recordar.

juego-simon
Imágen de perfil
Val: 237
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Como obtener el elemento que tiene el foco con JavaScript


JavaScript

Publicado el 24 de Febrero del 2020 por Joan (77 códigos)
503 visualizaciones desde el 24 de Febrero del 2020
Este código muestra como saber que elemento de nuestro formulario o pagina tiene el foco.

Para saber si un elemento tiene el foco, hay que comprobar si ese elemento es igual al document.activeElement, algo así:

1
if (document.activeElement === element) {}

donde element tiene que hacer referencia a un objecto, ya sea por su id, DOM, etc...

1
2
element=document.getElementById("elementoFormulario");
if (document.activeElement === element) {}

elemento-focus
Imágen de perfil
Val: 1.464
Plata
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Sumar los valores de la posición par e impar de un array


JavaScript

Publicado el 23 de Febrero del 2020 por Katas (120 códigos)
477 visualizaciones desde el 23 de Febrero del 2020
Varia gente esta en una fila, y necesita ser dividida en dos equipos. La primera persona va al equipo 1, la segunda persona va al equipo 2, la tercera al equipo 1, la cuarta al equipo 2 y así sucesivamente.

Crea una función que reciba un array de elementos positivos y devuelva un array con la suma de los equipos.

1
2
alternatingSums([50, 60, 60, 45, 70]); // [180, 105]
alternatingSums([100, 50]); // [100, 50]
Imágen de perfil
Val: 1.464
Plata
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Crear una matriz con un borde de asteriscos


JavaScript

Publicado el 23 de Febrero del 2020 por Katas (120 códigos)
403 visualizaciones desde el 23 de Febrero del 2020
Crear una función que recibe una matriz rectangular de caracteres, y devolver una matriz con un borde de asteriscos.

1
2
addBorder(["abc", "ded"]); // ["*****", "*abc*", "*ded*", "*****"]
addBorder(["a"]); // ["***", "*a*", "***"]
Imágen de perfil
Val: 1.464
Plata
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Invertir el contenido que se encuentra entre parentesis


JavaScript

Publicado el 23 de Febrero del 2020 por Katas (120 códigos)
643 visualizaciones desde el 23 de Febrero del 2020
Escribir una función que reciba una cadena, y gire el contenido que se encuentre entre paréntesis.

1
2
3
4
5
reverseInParentheses("bar"); // "bar"
reverseInParentheses("(bar)"); // "rab"
reverseInParentheses("foo(bar)baz(blim)"); // "foorabbazmilb"
reverseInParentheses("foo(bar(baz))blim"); // "foobazrabblim"
reverseInParentheses("12(34(56))78(90)"); // "1256437809"
Imágen de perfil
Val: 1.566
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Code Test - (Editor de código fuente)


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2020 por Scriptshow (138 códigos) (Publicado el 19 de Octubre del 2016)
2.242 visualizaciones desde el 19 de Octubre del 2016
Script para editar y probar código HTML, CSS, JavaScript, etc. online y offline. Pega el código y pulsa el botón. El resultado se muestra en una ventana. Muy fácil de manejar y compatible.
Imágen de perfil
Val: 1.566
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Editor de texto con opciones básicas


JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 22 de Febrero del 2020 por Scriptshow (138 códigos) (Publicado el 10 de Diciembre del 2016)
7.047 visualizaciones desde el 10 de Diciembre del 2016
Sencillo Editor basado en "execCommand" incluido en JavaScript. Simplifica bastante el código necesario para ciertos comandos; estos comandos son ampliables siguiendo instruciones y documentación sobre "execCommand".
Es compatible con la mayoría de navegadores, con escasas diferencias. Se ha utilizado a lo largo de años para construir editores más sofisticados.

Es útil para experimentar y ver resultados. Puede ser adaptable con CSS-Style a pequeños proyectos. En fin...


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

Imagen de fondo JavaScript vs CSS3


JavaScript

Actualizado el 22 de Febrero del 2020 por Scriptshow (138 códigos) (Publicado el 6 de Noviembre del 2016)
3.350 visualizaciones desde el 6 de Noviembre del 2016
Imagen de fondo ajustada proporcionalmente con JavaScript, Igual que ocurre con CSS3 y Background-Size.

El script, compara y cambia la Class - CSS según redimensionamos...
Si has optimizado la imagen, responderá en milisegundos.

Espero sea útil.
Imágen de perfil
Val: 1.464
Plata
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ordenar un array de valor excepto los valores -1


JavaScript

Publicado el 22 de Febrero del 2020 por Katas (120 códigos)
336 visualizaciones desde el 22 de Febrero del 2020
Algunas personas están paradas en una fila en un parque. Hay árboles entre ellos que no se pueden mover. Su tarea es reorganizar a las personas por sus alturas en un orden no descendente sin mover los árboles. ¡La gente puede ser muy alta!
Los arboles tienen el valor -1.

1
2
3
sortByHeight([-1, 150, 190, 170, -1, -1, 160, 180]); // [-1, 150, 160, 170,  190]
sortByHeight([-1, -1, -1, -1, -1]); // [-1, -1, -1, -1, -1]
sortByHeight([4, 2, 9, 11, 2, 16]); // [2, 2, 4, 9, 11, 16]
Imágen de perfil
Val: 1.464
Plata
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Encontrar el par de elementos adyacentes con el producto mas grande


JavaScript

Actualizado el 22 de Febrero del 2020 por Katas (120 códigos) (Publicado el 13 de Febrero del 2020)
279 visualizaciones desde el 13 de Febrero del 2020
Dada un array de enteros, encuentre el par de elementos adyacentes que tiene el producto más grande y devuelva ese producto.
El array siempre contendrá como mínimo dos elementos.

1
2
3
4
5
adjacentElementsProduct([6, 6, -2, -5, 7, 3]); // 36
adjacentElementsProduct([3, 6, -2, -5, 7, 3]); // 21
adjacentElementsProduct([-23, 4, -3, 8, -12]); // -12
adjacentElementsProduct([4, 1, 2, 3, 1, 5]); // 6
adjacentElementsProduct([4, 1]); // 4