Mostrando del 31 al 40 de 523 coincidencias
Se ha buscado por la cadena: editor
Esta función de JavaScript, recibe dos arrays y los intercala entre ellos, devolviendo un solo array con la mezcla de los dos arrays.
editor_code'>a1=[1, 2, 3];
a2=[9, 9, 9];
intercalarDosArrays(a1, a2); // [9, 1, 9, 2, 9, 3]
a1=[1, 2, 3, 4, 5];
a2=[9, 9, 9];
intercalarDosArrays(a1, a2); // [1, 9, 2, 9, 3, 9, 4, 5]
a1=["a", "i", "u"];
a2=["e", "o"];
intercalarDosArrays(a1, a2); // ['a', 'e', 'i', 'o', 'u']
editor_code'>let [l, s]=a1.length > a2.length ? [a1, a2] : [a2, a1];
Primeramente obtenemos el array mas largo y mas corto
editor_code'>Array.from({length: l.length*2}).map((_, i) => i%2==0 ? l[i/2] : s[Math.ceil(i/2)-1]).filter(el => el);
Array.from({length: l.length*2}) -> creamos un array con el doble de la longitud del array mas largo
map((_, i) -> recorremos cada elemento de ese array, obteniendo el indice
l[i/2] -> si el valor del indice es par, cogemos el valor del array mas largo de la posicion dividida entre dos
s[Math.ceil(i/2)-1] -> si el valor del indices es impar, obtenemos el valor entero superior de la división entre dos
filter(el => el) -> del array resultante, eliminamos los valores undefined
Esta función recibe un array de valores y tiene que devoler el indice del elemento mas grande
Para este ejemplo, he utilizado la función reduce()
editor_code'>arr.reduce((acum, el, i) => acum[0] > el ? acum : [el, i], [0, 0])[1];
(acum, el, i) -> En cada iteración del bucle, se obtiene el valor acumulado (por defecto es [0, 0]), el valor y el indice del elemento.
[0, 0] -> En el array acum tenemos dos valores, el primero es el valor mas grande encontrado, y en el segudo el indice de dicho valor.
acum[0] > el ? acum : [el, i] -> Si el ultimo valor guardado es superior al valor actual del array, entonces, devolvemos simplemente la variable acum, pero si no es así, devolvemos un array con el valor y el indice de ese elemento.
editor_code'>indiceDelMasGrande([85, 100, 90]); // 1
indiceDelMasGrande([8, 8, 8]); // 2
indiceDelMasGrande([850, 100, 90]); // 0
Esta función recorre de manera recursiva todos los elementos del DOM desde un elemento dado hasta el tag <html>.
La función tiene que recibir el elemento inicial donde empezar a recorrer el DOM y opcionalmente, se puede especificar el valor que quieres de devuelva de cada uno de los elemento que va encontrando en el DOM. Si no se especifica ningún valor, simplemente devuelve el elemento para poder gestionarlo.
editor_code'>recorrerElDom(document.querySelector("ul")); // [div, body, html]
recorrerElDom(document.querySelector("ul"), "tagName"); // ["DIV", "BODY", "HTML"]
recorrerElDom(document.querySelector("ul"), "offsetWidth"); // [469, 469, 485]
recorrerElDom(document.getElementById("segundoLi"), "nextSibling"); // [text, text, null, null]
recorrerElDom(document.getElementById("segundoLi")); // [ul, div, body, html]
recorrerElDom(document.getElementById("segundoLi"), "tagName"); // ["UL", "DIV", "BODY", "HTML"]
recorrerElDom(document.querySelector("span"), "tagName"); // ["P", "DIV", "LI", "UL", "DIV", "BODY", "HTML"]
Este código muestra como poder mostrar unos elementos de HTML subiéndolos desde la parte inferior hasta la parte superior del navegador.
Para ello, se ha creado una clase que va recibiendo el id del elemento y devuelve dos funciones, una para mostrar el elemento y otra función para esconderlo. Estas funciones hay que llamarlas desde los elementos que queramos que abra y cierra los elementos.
En este ejemplo, veras que dos capas se abren con un botón, y una tercera se abre con un enlace. De igual manera para cerrar los elementos, en uno hay que pulsar sobre el mismo elemento, otro hay que pulsar sobre un botón, y el tercero hay que darle a un enlace.
Este código permite sobreponer parte de una imagen encima de la otra, y con el ratón mover parte de la imagen superior sobre la imagen inferior.
Para este efecto se utilizan dos imágenes, la que esta encima y la que se encuentra debajo, y pulsando sobre la imagen o arrastrando el ratón, podemos descubrir mas o menos la imagen inferior.
El encargado de crear este efecto es el estilo clip-path
editor_url'>https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
Para el ejemplo, he utilizado una imagen a color, y la misma imagen en escala de grises para visualizar el efecto.
