Los códigos más visitados de JavaScript

Listado de los códigos más visitados durante los últimos 30 días
Imágen de perfil
Val: 2.137
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


7.005 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(22)
Publicado el 19 de Agosto del 2013 por Xavi
255.052 visualizaciones desde el 19 de Agosto del 2013. Una media de 840 por semana
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: 605
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calculadora Basica


2.729 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 15 de Marzo del 2017)
34.741 visualizaciones desde el 15 de Marzo del 2017. Una media de 301 por semana
Esta es una calculadora un poco mas compleja que la que había hecho anteriormente
Imágen de perfil
Val: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar la imagen cada 5 segundos


2.647 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(77)
Actualizado el 11 de Septiembre del 2017 por Xavi (Publicado el 21 de Abril del 2014)
85.681 visualizaciones desde el 21 de Abril del 2014. Una media de 322 por semana
Simple código que muestra como cambiar una imagen de nuestra pagina de cada 5 segundos por otra imagen de forma aleatoria.

Hay dos versiones, con y sin enlaces (link) en las imágenes.
Imágen de perfil
Val: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Suma de valores


2.152 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(22)
Actualizado el 27 de Noviembre del 2014 por Xavi (Publicado el 21 de Enero del 2013)
110.872 visualizaciones desde el 21 de Enero del 2013. Una media de 336 por semana
Código que muestra como sumar los valores numéricos de unos cuadros de texto. Valida que los valores sean numéricos, mostrando el cuadro de texto en rojo si son incorrectos.
Imágen de perfil
Val: 2.137
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


1.876 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(49)
Actualizado el 04 de Octubre del 2018 por Xavi (Publicado el 19 de Septiembre del 2013)
67.779 visualizaciones desde el 19 de Septiembre del 2013. Una media de 231 por semana
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
Imágen de perfil
Val: 2.201
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


1.557 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 18 de Noviembre del 2016 por xve
20.816 visualizaciones desde el 18 de Noviembre del 2016. Una media de 161 por semana
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.201
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


1.479 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 08 de Marzo del 2016 por xve (Publicado el 27 de Enero del 2016)
20.539 visualizaciones desde el 27 de Enero del 2016. Una media de 119 por semana
Este simple código muestra si un numero es par o impar
Imágen de perfil
Val: 2.201
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


1.443 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 11 de Mayo del 2015 por xve
41.049 visualizaciones desde el 11 de Mayo del 2015. Una media de 196 por semana
Este simple código muestra como abrir en una nueva pestaña una pagina web utilizando javascript
Imágen de perfil
Val: 2.137
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


1.338 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 19 de Agosto del 2013 por Xavi
77.578 visualizaciones desde el 19 de Agosto del 2013. Una media de 259 por semana
Código que muestra como obtener el valor del radio button seleccionado.
Imágen de perfil
Val: 2.137
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


1.335 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(25)
Actualizado el 30 de Noviembre del 2014 por Xavi (Publicado el 21 de Mayo del 2013)
83.265 visualizaciones desde el 21 de Mayo del 2013. Una media de 266 por semana
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.201
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


1.330 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por xve
36.769 visualizaciones desde el 26 de Febrero del 2015. Una media de 168 por semana
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: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

formatear números con los separadores de miles


1.284 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 25 de Octubre del 2012 por Xavi
53.240 visualizaciones desde el 25 de Octubre del 2012. Una media de 154 por semana
Función que devuelve un numero separando los separadores de miles. Puede recibir valores negativos y con decimales.
Imágen de perfil
Val: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Agregar y eliminar elementos li de una lista ul con javascript


1.226 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 28 de Mayo del 2014 por Xavi
40.982 visualizaciones desde el 28 de Mayo del 2014. Una media de 161 por semana
Código que muestra como añadir y eliminar elementos en una lista desordenada.
Imágen de perfil
Val: 2.137
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


1.166 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 19 de Agosto del 2013 por Xavi
57.217 visualizaciones desde el 19 de Agosto del 2013. Una media de 189 por semana
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.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Cronometro en javascript


1.079 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 15 de Marzo del 2018 por Xavi (Publicado el 30 de Septiembre del 2014)
37.787 visualizaciones desde el 30 de Septiembre del 2014. Una media de 154 por semana
Simple cronometro en JavaScript que permite iniciar y parar el tiempo.

cronometro
Imágen de perfil
Val: 2.137
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


1.031 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 08 de Febrero del 2018 por Xavi (Publicado el 12 de Febrero del 2013)
59.548 visualizaciones desde el 12 de Febrero del 2013. Una media de 182 por semana
Simple código que muestra como convertir un array de php a javascript.
sin imagen de perfil

Validar rut Chileno


1.012 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 04 de Marzo del 2007 por Giovanny Tarifeño Peña
71.951 visualizaciones desde el 04 de Marzo del 2007. Una media de 119 por semana
Código para validar el rut Chileno.
Imágen de perfil
Val: 2.137
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


1.003 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 19 de Agosto del 2013 por Xavi
98.784 visualizaciones desde el 19 de Agosto del 2013. Una media de 329 por semana
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.137
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


980 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 06 de Marzo del 2013 por Xavi
78.895 visualizaciones desde el 06 de Marzo del 2013. Una media de 245 por semana
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.
Imágen de perfil
Val: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Fibonacci


931 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Septiembre del 2012 por Xavi
41.501 visualizaciones desde el 19 de Septiembre del 2012. Una media de 119 por semana
Código sencillo, que devuelve el fibonacci de un número.
Imágen de perfil
Val: 2.201
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calendarios en JavaScript


916 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 06 de Julio del 2017 por xve
13.278 visualizaciones desde el 06 de Julio del 2017. Una media de 133 por semana
Calendario desarrollado en JavaScript que muestra el mes actual y te permite cambiar de mes.

calendario-javascript
Imágen de perfil
Val: 1.400
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Validar una dirección de correo


900 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 13 de Junio del 2011 por ScriptShow (Publicado el 23 de Septiembre del 2009)
90.608 visualizaciones desde el 23 de Septiembre del 2009. Una media de 182 por semana
Código que muestra como validar una dirección de correo electrónico mediante una expresion regular
Imágen de perfil
Val: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

habilitar, deshabilitar combos según la selección en otro combo


891 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 26 de Mayo del 2016 por Xavi (Publicado el 28 de Agosto del 2013)
45.310 visualizaciones desde el 28 de Agosto del 2013. Una media de 154 por semana
Código que muestra como habilitar y deshabilitar un combo (select) según la sección de otro combo.
Imágen de perfil
Val: 2.201
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simular el SLOT de una maquina tragaperras


862 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 25 de Abril del 2018 por xve (Publicado el 26 de Febrero del 2018)
8.643 visualizaciones desde el 26 de Febrero del 2018. Una media de 133 por semana
Aquí os muestro una manera de simular el "slot" de una maquina tragaperras.

He obtenido la idea de la pagina http://odhyan.com/slot/ y lo he modificado para intentar hacerlo mas sencillo con un solo "slot" y sin objetos a modo de practica.

slot-inicial slot-funcionando

slot
Imágen de perfil
Val: 632
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Gato (Tres en raya)


857 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 04 de Marzo del 2017 por Alejandro
12.170 visualizaciones desde el 04 de Marzo del 2017. Una media de 105 por semana
Otro sacado del libro, obviamente corregido pues tenia varios bugs.
1.- Siempre hacia la misma jugada.
2.- Al presionar fuera del área para marcar o en una ya marcada dejaba de funcionar.
3.- Al ganar decía pensando, la maquina hacia una marca mas y luego decía Ganaste.
4.- Al terminar el juego no había nada mas que hacer.

Ahora Varia la jugada y no falla al clikar en otras áreas, si ganas lo avisa al momento y presionando de nuevo comienza un juego nuevo.
Gato
Imágen de perfil
Val: 2.201
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Obtener todos los valores de una fila pulsando un botón en dicha fila con JavaScript


856 visualizaciones el último mes

JavaScript

Publicado el 07 de Febrero del 2018 por xve
7.550 visualizaciones desde el 07 de Febrero del 2018. Una media de 112 por semana
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una fila cualquiera de una tabla pulsando un botón ubicado en dicha fila.

coger-valores-fila



Aquí el mismo código con JQuery
https://www.lawebdelprogramador.com/codigo/JQuery/3134-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JQuery.html
Imágen de perfil
Val: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Determinar si una fecha es superior a otra fecha


851 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(16)
Publicado el 05 de Noviembre del 2013 por Xavi
41.423 visualizaciones desde el 05 de Noviembre del 2013. Una media de 147 por semana
Función que dadas dos fechas, determina si una fecha es superior a la otra.
Imágen de perfil
Val: 632
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego de memoria (Memorama)


831 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 25 de Noviembre del 2017 por Alejandro (Publicado el 25 de Febrero del 2017)
20.335 visualizaciones desde el 25 de Febrero del 2017. Una media de 175 por semana
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.201
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar la imagen al hacer clic con el ratón


817 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 29 de Julio del 2015 por xve
23.655 visualizaciones desde el 29 de Julio del 2015. Una media de 119 por semana
Este código muestra como ir cambiando una imagen cada vez que se hace clic con el ratón encima de la misma.
Se especifica un array de imágenes para ir intercambiándolas entre ellas a cada clic.
Imágen de perfil
Val: 2.137
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Validar un CIF, NIF y DNI


808 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 21 de Octubre del 2010 por Xavi
52.753 visualizaciones desde el 21 de Octubre del 2010. Una media de 119 por semana
Código que muestra como validar un CIF, NIF y DNI, explicando como hacerlo.
Revisar política de publicidad