Mostrar los tags: dom

Mostrando del 1 al 10 de 37 coincidencias
<<>>
Se ha buscado por el tag: dom
Imágen de perfil

Recorrer todos los elementos superiores a un elemento dado en el DOM


JavaScript

Publicado el 28 de Abril del 2021 por Joel (150 códigos)
573 visualizaciones desde el 28 de Abril del 2021
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.

1
2
3
4
5
6
7
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"]
Imágen de perfil

Crear un array bidimensional de 10x10 con números aleatorios


JavaScript

Publicado el 25 de Marzo del 2021 por Katas (200 códigos)
847 visualizaciones desde el 25 de Marzo del 2021
Código que muestra como crear un array de 10x10 con números aleatorios entre el 0 y el 99

1
2
3
4
5
6
7
8
9
10
[52, 90, 89, 76, 71, 64, 45, 43, 11, 21]
[10, 91, 89, 3, 49, 23, 84, 19, 31, 56]
[3, 23, 26, 41, 4, 24, 20, 55, 90, 0]
[16, 93, 8, 40, 84, 24, 43, 77, 80, 67]
[47, 32, 18, 94, 52, 22, 32, 78, 85, 82]
[93, 12, 67, 71, 56, 27, 9, 81, 5, 94]
[52, 23, 15, 62, 24, 35, 5, 0, 52, 87]
[35, 63, 97, 64, 11, 20, 43, 68, 53, 47]
[39, 97, 61, 83, 14, 21, 76, 93, 25, 88]
[96, 32, 31, 13, 0, 50, 24, 12, 26, 53]

Definimos una constante como un array de 10 valores
1
const y=[..."1111111111"];

Mediante la función map(), recorremos cada uno de los elementos de la constante "y" y asignamos su valor a la variable "x", la cual es nuevamente asignada a la constante "y", la cual a su misma vez mediante la función map() nuevamente le asignamos un valor aleatorio a cada uno de sus 10 elementos, y es asignado a la variable "x" que modifica el primer valor de "y" que se asignara a la variable "arr".
1
let arr=y.map(x => y.map(el => Math.floor(Math.random() * 100)));
Imágen de perfil

Cambiar la imagen cada 5 segundos en una clase


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 7 de Septiembre del 2020 por Joel (150 códigos)
1.268 visualizaciones desde el 7 de Septiembre del 2020
Siguiendo el código de Xavi (https://www.lawebdelprogramador.com/codigo/JavaScript/2654-Cambiar-la-imagen-cada-5-segundos.html), lo he puesto dentro de una clase para que se pueda utilizar varias veces en una misma pagina.

Se ha creado una clase que recibe el array bidimensional con las imágenes y urls, el elemento que contendrá el link y la imagen, y los milisegundos que quieras que vaya rotando las imágenes.
Imágen de perfil

Matriz como vector


Java

Publicado el 7 de Julio del 2020 por Octulio (30 códigos)
586 visualizaciones desde el 7 de Julio del 2020
Matriz-Vector: tratamiento de una matriz como un vector en Java, modo consola.

matrizvector-02

La matriz es inicializada y guardada en memoria como un vector. Y se accede a la misma como si fuese una verdadera matriz, indicando nº de fila y nº de columna.

Resultados para una matriz de 13 x 31 elementos:
matrizvector-03
Imágen de perfil

Devolver un valor aleatorio de un array de valores


JavaScript

Publicado el 5 de Junio del 2020 por Katas (200 códigos)
1.956 visualizaciones desde el 5 de Junio del 2020
Crear una función que reciba un array, y devuelva uno de sus valores de forma aleatoria.

1
2
3
4
5
6
let a=[1, 2, 3, 4, 5, 6];
random(a); // [5]
random(a); // [2]
a=["el", "la", "los", "las"];
random(a); // "los"
random(a); // "la"


Utilizando el prototype



Si deseas poder utilizar la función desde el array al estilo:

1
[1, 2, 3, 4, 5, 6].random();

Puedes crear el protoype:
1
2
3
Array.prototype.random = function(){
  return this[Math.floor(Math.random() * this.length)];
}
Imágen de perfil

Juego "Adivina Número".


Python

Publicado el 27 de Abril del 2020 por Antonio (57 códigos)
2.382 visualizaciones desde el 27 de Abril del 2020
Juego en el que el usuario ha de adivinar un número, establecido aleatoriamente, por la computadora, dentro de un rango, definido por el nivel de dificultad elegido (este fue uno de mis primeros programas).

adv
Imágen de perfil

Vala: Desordenar un vector numérico


Vala

Publicado el 3 de Marzo del 2020 por Octulio (30 códigos)
434 visualizaciones desde el 3 de Marzo del 2020
Programa fuente en lenguaje Vala del algoritmo desordenar un vector numérico mediante la técnica "Mezcla de naipes Fisher-Yates".
Compilar y ejecutar en Linux, por ejemplo, en CentOS 7.
Pasos:

* valac -v --Xcc=-lm VectorNum.vala
* ./VectorNum

En el 1º paso, compila el programa VectorNum.vala produciendo el programa ejecutable.
La opción -lm es pasada al compilador de lenguaje C/C++ para que enlace la biblioteca de funciones matemáticas junto con nuestro programa ejecutable.

img02

En el 2º paso, se invoca al programa ejecutable VectorNum mostrando en pantalla el vector ordenado y luego el vector desordenado.
img01

La utilidad práctica que podría Usted darle a este algoritmo es en videojuegos: por ejemplo el juego del 15. Visite Google Play y busque el juego del 15 para celular.
Entonces contando con esta idea de juego puede Usted crear un juego para Linux.

Más info. en: Programación en Vala - WikiLibros
https://es.wikibooks.org/wiki/Programación_en_Vala
Anterior1234Siguiente