Promedio de descarga/visualización de los códigos de JavaScript

Listado de los códigos con más promedio de visualizaciones realizadas por día desde su publicación en la web.
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener el valor de un input type=text de varias maneras


127 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(23)
Publicado el 19 de Agosto del 2013 por Xavi
302.371 visualizaciones desde el 19 de Agosto del 2013
Código de ejemplo que muestra como obtener los valores de un cuadro de texto por su nombre, por su id, por el elemento, por el tagname y por la clase asignada.
sin imagen de perfil
Val: 20
Ha aumentado su posición en 95 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego: Tres en raya (para dos jugadores)


77 visualizaciones de promedio por día

JavaScript

Actualizado el 18 de Febrero del 2020 por Manuel (Publicado el 17 de Febrero del 2020)
232 visualizaciones desde el 17 de Febrero del 2020
Éste es el típico juego del "Tres en raya" para dos jugadores.

Consta de un archivo .JS con el código para la parte funcional del juego y otro .HTML con la estructura de esta aplicación web junto con el estilo en CSS.

Si pulsamos F12 en el navegador para abrir el debugger, cuando se hace 3 en raya la consola muestra qué jugador ha ganado.
sin imagen de perfil
Val: 20
Ha aumentado su posición en 95 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego con dados de póker


68 visualizaciones de promedio por día

JavaScript

Publicado el 14 de Febrero del 2020 por Manuel
408 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.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Suma de valores


48 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(22)
Actualizado el 8 de Diciembre del 2019 por Xavi (Publicado el 21 de Enero del 2013)
124.861 visualizaciones desde el 21 de Enero del 2013
Código que muestra como sumar los valores numéricos de unos cuadros de texto a medida que vamos escribiendo. Valida que los valores sean numéricos, mostrando el cuadro de texto en rojo si son incorrectos.

suma-valores
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar la imagen cada 5 segundos


48 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(83)
Actualizado el 25 de Julio del 2019 por Xavi (Publicado el 21 de Abril del 2014)
102.236 visualizaciones desde el 21 de Abril del 2014
Simple código que muestra como cambiar una imagen de nuestra pagina cada 5 segundos por otra imagen de forma aleatoria o secuencial

Hay tres versiones:
- una sin enlace aleatorio
- una con enlaces (link) en las imágenes de forma aleatoria
- una con enlaces (link) en las imágenes de forma secuencial
Imágen de perfil
Val: 597
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calculadora Basica


47 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 15 de Marzo del 2017)
50.022 visualizaciones desde el 15 de Marzo del 2017
Esta es una calculadora un poco mas compleja que la que había hecho anteriormente
Imágen de perfil

Tic Tac Toe o tres en ralla contra el ordenador


46 visualizaciones de promedio por día

JavaScript

Publicado el 18 de Febrero del 2020 por Administrador
91 visualizaciones desde el 18 de Febrero del 2020
Este código muestra como jugar contra el ordenador al Tic Tac Toe o Tres en ralla y no ganarlo nunca!!!

tic-tac-toe
Imágen de perfil
Val: 955
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Devolver un array con las letras juntas


45 visualizaciones de promedio por día

JavaScript

Publicado el 18 de Febrero del 2020 por Katas
89 visualizaciones desde el 18 de Febrero del 2020
Dada una cadena de caracteres, crear una función que devuelva un array con cada una de las letras agrupando las que son iguales. Si la cadena contiene caracteres que no son letras, no se incluiran en el array.

1
2
3
4
joinLetters(""); // []
joinLetters("."); // []
joinLetters("acdcaa"); // ["aaa", "cc", "d"]
joinLetters("blue house!!"); // ["b", "ee", "h", "l", "o", "s", "uu"]
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener el valor de un select de varias maneras


44 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 19 de Agosto del 2013 por Xavi
104.522 visualizaciones desde el 19 de Agosto del 2013
Código de ejemplo que muestra como obtener los valores de un select por su nombre, por su id, por el elemento, por el tagname y por la clase asignada.
Imágen de perfil
Val: 955
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Determinar si en un array bidimensional hay N valores consecutivos en cualquier dirección


43 visualizaciones de promedio por día

JavaScript

Publicado el 18 de Febrero del 2020 por Katas
85 visualizaciones desde el 18 de Febrero del 2020
Crear una función que reciba un array bidimensional y el numero de valores consecutivos a buscar. El programa tiene que devolver si hay el numero de valores consecutivos (unos) en cualquier dirección, ya sea horizontal, vertical o transversal.

Este algoritmo puede ser utilizado para juegos como el tres en ralla o cuatro en ralla.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
values=[
    [0, 0, 0],
    [0, 0, 0],
    [1, 1, 1],
];
consecutiveValues(values, 3); // true
 
values=[
    [1, 0, 0],
    [0, 1, 0],
    [0, 0, 1],
];
consecutiveValues(values, 3); // true
 
values=[
    [0, 1, 0],
    [0, 1, 0],
    [0, 1, 0],
];
consecutiveValues(values, 3); // true
 
values=[
    [0, 1, 0],
    [0, 0, 0],
    [0, 1, 0],
];
consecutiveValues(values, 3); // false
 
values=[
    [0, 0, 1],
    [0, 1, 0],
    [1, 0, 0],
];
consecutiveValues(values, 3); // true
 
values=[
    [0, 0, 0, 0, 0, 0, 0],
    [0, 0, 0, 0, 0, 1, 0],
    [0, 1, 0, 0, 1, 0, 0],
    [0, 0, 1, 1, 0, 0, 0],
    [0, 0, 1, 1, 0, 0, 0],
    [0, 1, 0, 0, 0, 0, 0],
    [0, 0, 0, 0, 0, 0, 0],
];
consecutiveValues(values, 4); // true
consecutiveValues(values, 5); // true
consecutiveValues(values, 6); // false
 
values=[
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0],
    [1, 0, 0, 0, 0, 0, 0, 0, 0, 0],
    [1, 0, 0, 0, 0, 0, 0, 1, 0, 0],
    [1, 0, 0, 1, 0, 0, 1, 0, 0, 0],
    [1, 0, 0, 0, 1, 0, 0, 0, 0, 0],
    [0, 0, 0, 0, 1, 1, 0, 0, 0, 0],
    [0, 0, 0, 1, 0, 0, 0, 0, 0, 0],
    [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
];
consecutiveValues(values, 5); // true
consecutiveValues(values, 6); // false
Imágen de perfil
Val: 212
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Poner un elemento a pantalla completa y cambiar su color con estilos


41 visualizaciones de promedio por día

JavaScript

Publicado el 15 de Febrero del 2020 por Joan
204 visualizaciones desde el 15 de Febrero del 2020
Este código muestra como poner un elemento de la página a pantalla completa y cambiar el color de fondo del elemento con el estilo :fullscreen

elemento-pantalla-completa
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calcular la edad desde una fecha dada en HTML5


38 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(26)
Actualizado el 30 de Noviembre del 2014 por Xavi (Publicado el 21 de Mayo del 2013)
93.538 visualizaciones desde el 21 de Mayo del 2013
Código que calcula la edad de una persona seleccionando la fecha en un <input type="data"> de HTML5.
Imágen de perfil
Val: 955
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

obtener un array con los valores mas largos


37 visualizaciones de promedio por día

JavaScript

Publicado el 18 de Febrero del 2020 por Katas
73 visualizaciones desde el 18 de Febrero del 2020
Dado un array de valores, crear una función que devuelva otro array de valores únicamente con los valores con la longitud mas larga.

1
2
3
allLongestStrings(["aba", "aa", "ad", "vcd", "aba"]); // ["aba", "vcd", "aba"]
allLongestStrings(["aa"]); // ["aa"]
allLongestStrings(["aa", "bbb", "cccc"]); // ["cccc"]
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener el valor de un radio button


36 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 19 de Agosto del 2013 por Xavi
86.089 visualizaciones desde el 19 de Agosto del 2013
Código que muestra como obtener el valor del radio button seleccionado.
Imágen de perfil
Val: 955
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener la posición del scroll vertical y horizontal


36 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Febrero del 2020 por Katas
431 visualizaciones desde el 8 de Febrero del 2020
Función que devuelve la posición del scroll horizontal y vertical en el momento de llamar la función.
Utiliza pageXOffset y pageYOffset si estan definidos, si no, utiliza scrollLeft y scrollTop

1
getScrollPosition(); // {x: 0, y: 180}
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Buscar en el contenido de una tabla de HTML con JavaScript


35 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(53)
Actualizado el 30 de Junio del 2019 por Xavi (Publicado el 19 de Septiembre del 2013)
83.089 visualizaciones desde el 19 de Septiembre del 2013
Código que muestra como realizar una búsqueda dentro de una <tabla> de html con Javascript.
Este ejemplo ha sido sacado del foro de JavaScript de esta página.

buscar-en-tabla-javascript

no-coincidencias

dos-coincidencias
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cargar valores en un select dependiendo de la seleccion en otro select


33 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 6 de Marzo del 2013 por Xavi
84.087 visualizaciones desde el 6 de Marzo del 2013
Código que muestra como eliminar los valores de un select y cargar otros valores nuevos dependiendo de la selección en un select previo. Estos valores son cargados de un array de valores previamente definido.
sin imagen de perfil

Menu desplegable


31 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(20)
Publicado el 19 de Octubre del 2005 por Carlos Guimaraenz
163.980 visualizaciones desde el 19 de Octubre del 2005
Sencilla función en JavaScript de un menú con items desplegables.
Para IE.
Imágen de perfil
Val: 955
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Sumar verticalmente los elementos de una matriz


30 visualizaciones de promedio por día

JavaScript

Publicado el 16 de Febrero del 2020 por Katas
118 visualizaciones desde el 16 de Febrero del 2020
Dada una matriz de matrices rectangular de enteros, donde cada valor representa el costo de la habitación, su tarea es devolver la suma total de todas las habitaciones que en su valor superior no haya un 0.

1
2
3
4
matrix = [[0, 1, 1, 2],
          [0, 5, 0, 0],
          [2, 0, 3, 3]];
matrixElementsSum(matrix); // 9

1
2
3
4
matrix = [[1, 1, 1, 0],
          [0, 5, 0, 1],
          [2, 1, 3, 10]];
matrixElementsSum(matrix); // 9
Imágen de perfil
Val: 955
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


28 visualizaciones de promedio por día

JavaScript

Actualizado el 9 de Febrero del 2020 por Katas (Publicado el 7 de Febrero del 2020)
363 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.173
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Abrir una pagina web en una nueva pestaña con JavaScript


28 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Publicado el 11 de Mayo del 2015 por Xve
48.615 visualizaciones desde el 11 de Mayo del 2015
Este simple código muestra como abrir en una nueva pestaña una pagina web utilizando javascript
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener el valor de un input type=checkbox de varias maneras


27 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 19 de Agosto del 2013 por Xavi
65.008 visualizaciones desde el 19 de Agosto del 2013
Código de ejemplo que muestra como obtener los valores de un checkbox por su nombre, por su id, por el elemento, por el tagname y por la clase asignada.
Imágen de perfil
Val: 955
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener una secuencia creciente eliminando no mas que un elemento


27 visualizaciones de promedio por día

JavaScript

Publicado el 16 de Febrero del 2020 por Katas
109 visualizaciones desde el 16 de Febrero del 2020
Dada una secuencia de enteros como una matriz, determine si es posible obtener una secuencia estrictamente creciente eliminando no más de un elemento de la matriz.

Nota: la secuencia a0, a1, ..., an se considera estrictamente creciente si a0 <a1 <... <an. La secuencia que contiene solo un elemento también se considera estrictamente creciente.

1
2
3
4
5
almostIncreasingSequence([1, 2, 5, 3, 5]); // true
almostIncreasingSequence([1, 2, 1, 2]); // false
almostIncreasingSequence([1, 3, 2, 1]); // false
almostIncreasingSequence([1, 3, 2]); // true
almostIncreasingSequence([10, 1, 2, 3, 4, 5]); // true
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener las variables pasadas por la url en javascript


27 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(14)
Publicado el 6 de Noviembre del 2013 por Xavi
62.166 visualizaciones desde el 6 de Noviembre del 2013
Código que muestra como obtener las variable pasadas por GET a una página web.
Imágen de perfil
Val: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir un array de PHP a javascript


26 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 8 de Febrero del 2018 por Xavi (Publicado el 12 de Febrero del 2013)
67.118 visualizaciones desde el 12 de Febrero del 2013
Simple código que muestra como convertir un array de php a javascript.
Imágen de perfil
Val: 2.173
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Buscar dentro de un select y seleccionar el valor


26 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 18 de Noviembre del 2016 por Xve
30.996 visualizaciones desde el 18 de Noviembre del 2016
Este simple código muestra como buscar en los <option> de un <select> y seleccionar el valor encontrado desde JavaScript con selectedIndex.
Imágen de perfil
Val: 955
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener la cantidad de valores que falta en un array


25 visualizaciones de promedio por día

JavaScript

Publicado el 13 de Febrero del 2020 por Katas
178 visualizaciones desde el 13 de Febrero del 2020
Crear una función que recibe un array de valores enteros y tiene que devolver la cantidad de números que faltan entre los valores del array.

1
2
3
4
makeArrayConsecutive2([0, 3]); // 2
makeArrayConsecutive2([6, 2, 3, 8]); // 3
makeArrayConsecutive2([5, 4, 6]); // 0
makeArrayConsecutive2([1]); // 0
Imágen de perfil
Val: 2.173
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calcular los múltiplos de 3 y 5


25 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por Xve
45.544 visualizaciones desde el 26 de Febrero del 2015
Ejemplo que muestra como calcular los múltiplos de un número dado utilizando el resto de una división en JavaScript.
Para este ejemplo, se devuelven los múltiplos de 3 y 5 de entre los números 1 y 100
Imágen de perfil
Val: 955
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


25 visualizaciones de promedio por día

JavaScript

Publicado el 13 de Febrero del 2020 por Katas
173 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
Imágen de perfil
Val: 93
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calculadora


24 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 2 de Febrero del 2020 por Eduardo (Publicado el 29 de Enero del 2020)
538 visualizaciones desde el 29 de Enero del 2020
calculadora similar a la de windows

cuenta con las siguientes funciones:
mc guardar numero en memoria.
mr leer numero de memoria.
ms guardar numero en memoria.
m+ sumar un numero al que este en memoria.
m+ restar un numero al que esta en memoria.
+- colocar signo positivo o negativo a un numero
√ raiz cuadrada
% obtener porcentaje
+ suma
- resta
*multiplicacion
/divicion
1/x funcion inversa

video: youtube


img
img2
img3