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.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

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


130 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(23)
Publicado el 19 de Agosto del 2013 por Xavi (530 códigos)
327.230 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.
Imágen de perfil
Val: 2.175
Oro
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Emitir un sonido al hacer clic en un enlace


97 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 13 de Julio del 2020 por Joel (122 códigos)
100 visualizaciones desde el 13 de Julio del 2020
Código que muestras como ejecutar un sonido al pulsar sobre un enlace de nuestra web.
Imágen de perfil
Val: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar la imagen cada 5 segundos


49 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(88)
Actualizado el 25 de Julio del 2019 por Xavi (530 códigos) (Publicado el 21 de Abril del 2014)
110.787 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: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Suma de valores


49 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(23)
Actualizado el 8 de Diciembre del 2019 por Xavi (530 códigos) (Publicado el 21 de Enero del 2013)
132.484 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: 601
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calculadora Basica


46 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 15 de Marzo del 2017)
56.572 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
Val: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener el valor de un select de varias maneras


43 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 19 de Agosto del 2013 por Xavi (530 códigos)
107.326 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: 2.053
Oro
Ha disminuido 1 puesto 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(27)
Actualizado el 30 de Noviembre del 2014 por Xavi (530 códigos) (Publicado el 21 de Mayo del 2013)
99.644 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: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Buscar en el contenido de una tabla de HTML con JavaScript


36 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(54)
Actualizado el 30 de Junio del 2019 por Xavi (530 códigos) (Publicado el 19 de Septiembre del 2013)
89.728 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.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener el valor de un radio button


35 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 19 de Agosto del 2013 por Xavi (530 códigos)
89.283 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: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

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


32 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 6 de Marzo del 2013 por Xavi (530 códigos)
86.156 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 (2 códigos)
164.963 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: 2.175
Oro
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Seleccionar la opción de menú según la pagina donde estamos con JavaScript


29 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 30 de Junio del 2020 por Joel (122 códigos) (Publicado el 28 de Junio del 2020)
468 visualizaciones desde el 28 de Junio del 2020
Código de busca la url de la pagina donde nos encontramos dentro de las urls del menú de nuestra pagina y añade un estilo a dicho enlace para diferenciarlo del resto. En este ejemplo se añade el estilo CSS "selected" que lo pone en negrita.

Puedes ver el mismo código en JQuery en: https://www.lawebdelprogramador.com/codigo/JQuery/6329-Seleccionar-la-opcion-se-menu-segun-la-pagina-donde-estamos-con-JQuery.html
Imágen de perfil
Val: 2.053
Oro
Ha disminuido 1 puesto 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 (530 códigos)
69.237 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: 2.240
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


27 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Publicado el 11 de Mayo del 2015 por Xve (281 códigos)
51.909 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: 254
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener las veces que se repite cada elemento dentro de un array con JavaScript


27 visualizaciones de promedio por día

JavaScript

Publicado el 5 de Julio del 2020 por Info (81 códigos)
250 visualizaciones desde el 5 de Julio del 2020
Crear una función que devuelva un objeto clave:valor con la cantidad de veces que se repite cada elemento dentro de un array.

1
2
3
4
timesRepeated([]); // {}
timesRepeated(["x"]); // {"x": 1}
timesRepeated([-1, 6, 9, -1, 4, 9, -2, 4, 6, 4, 21, 5]); // {4: 3, 5: 1, 6: 2, 9: 2, 21: 1, -1: 2, -2: 1}
timesRepeated(["a", "b", "b", "c", "d"]); // {a: 1, b: 2, c: 1, d: 1}
Imágen de perfil
Val: 2.240
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 (281 códigos)
35.335 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: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener las variables pasadas por la url en javascript


26 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(14)
Publicado el 6 de Noviembre del 2013 por Xavi (530 códigos)
64.230 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.053
Oro
Ha disminuido 1 puesto 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 (530 códigos) (Publicado el 12 de Febrero del 2013)
71.173 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.240
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


26 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por Xve (281 códigos)
51.365 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: 1.350
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Dado un objecto clave:valor obtener las clave con mayor valor


26 visualizaciones de promedio por día

JavaScript

Publicado el 5 de Julio del 2020 por Katas (110 códigos)
234 visualizaciones desde el 5 de Julio del 2020
Dado un objecto del tipo clave:valor, obtener las clave o claves con la mayor valoración

1
2
3
maxValue({"a":1,"b":2,"c":3}); // ["c"]
maxValue({"a":3,"b":2,"c":3}); // ["a", "c"]
maxValue({}); // []
Imágen de perfil
Val: 2.175
Oro
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Definir un numero de clics para abrir un enlace en JavaScript


25 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 7 de Julio del 2020 por Joel (122 códigos)
178 visualizaciones desde el 7 de Julio del 2020
Simple código que muestra como no permitir abrir un link (<a href=...>) hasta haber pulsado una cantidad definida de clics para cada uno de los enlaces de nuestra pagina.
Utilizada dataset para definir los clics necesarios antes de abrir un enlace.
Imágen de perfil
Val: 2.240
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Determinar si un numero es par o impar


24 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 8 de Marzo del 2016 por Xve (281 códigos) (Publicado el 27 de Enero del 2016)
39.364 visualizaciones desde el 27 de Enero del 2016
Este simple código muestra si un numero es par o impar
Imágen de perfil
Val: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Función para sumar o restar días a la fecha del sistema


24 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 21 de Julio del 2019 por Xavi (530 códigos) (Publicado el 23 de Abril del 2012)
71.970 visualizaciones desde el 23 de Abril del 2012
Código que muestra una función que devuelve la fecha actual aumentada o disminuida en días dependiendo de los días recibidos como parámetro.

1
2
3
Fecha actual: 21/7/2019 - Fecha -5 dias : 16/7/2019
Fecha actual: 21/7/2019 - Fecha -10 dias : 11/7/2019
Fecha actual: 21/7/2019 - Fecha +30 dias : 20/8/2019
Imágen de perfil
Val: 1.350
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Sumar todos los arrays enviados a una función con JavaScript


24 visualizaciones de promedio por día

JavaScript

Publicado el 22 de Junio del 2020 por Katas (110 códigos)
527 visualizaciones desde el 22 de Junio del 2020
Función que recibe un numero indeterminado de arrays numéricos y suma sus valores.

1
2
3
4
5
6
sumarArrays([1, 2, 3], [1, 2, 3], [1, 2, 3]); // [3, 6, 9]
sumarArrays([1, 2, 3], [1, 2, 3, 4], [1, 2, 3]); // [3, 6, 9, 4]
sumarArrays([1, 2, 3], [1, 3], [1, 2, 3]); // [3, 7, 6]
sumarArrays([1, 2, 3], [], [1, 2, 3]); // [2, 4, 6]
sumarArrays([1, 2, 3]); // [1, 2, 3]
sumarArrays([]); // []
Imágen de perfil
Val: 2.175
Oro
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Utilizar un input type timer con varios rangos de horas


24 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 29 de Junio del 2020 por Joel (122 códigos)
355 visualizaciones desde el 29 de Junio del 2020
Código que muestra como utilizar varios rangos de horas en un <input type="time"> utilizando JavaScript.
Imágen de perfil
Val: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Sumar los valores de una tabla html y mostrar el total


24 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 27 de Junio del 2018 por Xavi (530 códigos)
17.628 visualizaciones desde el 27 de Junio del 2018
En este sencillo código, muestro como multiplicar el precio de los productos por el precio y mostrar el total, obteniendo los datos de una tabla html

calcular-valores-tabla-1

calcular-valores-tabla-2
Imágen de perfil
Val: 1.457
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego de memoria (Memorama)


23 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 25 de Noviembre del 2017 por Alejandro (9 códigos) (Publicado el 25 de Febrero del 2017)
28.989 visualizaciones desde el 25 de Febrero del 2017
Hice modificaciones a un código que saque de un libro ya que:
1.- Las cartas no siempre generaban pares
2.- Podía voltear mas de 2 cartas sin cubrirlas
3.- Cuando se terminaban las cartas quedaba el fondo

Así que las cartas ya siempre son en pares y limita a descubrir solo 2.
Al terminar las cartas dice "juego terminado" y al clickar comienza uno nuevo.

Es muy sencillo pero es base para desarrollos mas complejos, si tengo oportunidad luego lo publico con imágenes jeje

memorama

memorama11
Imágen de perfil
Val: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Agregar y eliminar elementos li de una lista ul con javascript


23 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 28 de Mayo del 2014 por Xavi (530 códigos)
52.444 visualizaciones desde el 28 de Mayo del 2014
Código que muestra como añadir y eliminar elementos en una lista desordenada.
Imágen de perfil
Val: 2.053
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

formatear números con los separadores de miles


23 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 25 de Octubre del 2012 por Xavi (530 códigos)
65.080 visualizaciones desde el 25 de Octubre del 2012
Función que devuelve un numero separando los separadores de miles. Puede recibir valores negativos y con decimales.
Imágen de perfil
Val: 1.350
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Determinar si una cadena es un palíndrome en JavaScript


23 visualizaciones de promedio por día

JavaScript

Publicado el 27 de Junio del 2020 por Katas (110 códigos)
389 visualizaciones desde el 27 de Junio del 2020
Crear una función que reciba una cadena y devuelva true o false dependiendo de si la cadena es un polindrome.

Un palíndrome es una palabra o frase que se lee igual de izquierda a derecha que de derecha a izquierda.

1
2
3
4
5
6
7
8
esPalindrome("Dábale arroz a la zorra el abad"); // True
esPalindrome("Salta Lenín el atlas"); // True
esPalindrome("Amigo, no gima"); // True
esPalindrome("Átale, demoníaco Caín, o me delata"); // True
esPalindrome("Anás usó tu auto, Susana"); // True
esPalindrome("A Mercedes, ese de crema"); // True
esPalindrome("A mamá Roma le aviva el amor a papá, y a papá Roma le aviva el amor a mamá"); // True
esPalindrome("¡arriba la birra!"); // True