Códigos Fuente de JavaScript

Mostrando del 261 al 270 de 919 registros
Imágen de perfil
Val: 211
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 (121 códigos)
4.067 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: 2.288
Plata
Ha mantenido su posición 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 (200 códigos)
3.266 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: 2.288
Plata
Ha mantenido su posición 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 (200 códigos)
1.466 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: 2.288
Plata
Ha mantenido su posición 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 (200 códigos)
1.707 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: 2.019
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 (141 códigos) (Publicado el 19 de Octubre del 2016)
3.592 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: 2.019
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(7)
Actualizado el 22 de Febrero del 2020 por Scriptshow (141 códigos) (Publicado el 10 de Diciembre del 2016)
10.642 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: 2.019
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 (141 códigos) (Publicado el 6 de Noviembre del 2016)
5.776 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: 2.288
Plata
Ha mantenido su posición 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 (200 códigos)
934 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: 2.288
Plata
Ha mantenido su posición 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 (200 códigos) (Publicado el 13 de Febrero del 2020)
2.862 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