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.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


6.492 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(23)
Publicado el 19 de Agosto del 2013 por Xavi
302.430 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.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Suma de valores


2.248 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(22)
Actualizado el 8 de Diciembre del 2019 por Xavi (Publicado el 21 de Enero del 2013)
124.896 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


1.942 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(83)
Actualizado el 25 de Julio del 2019 por Xavi (Publicado el 21 de Abril del 2014)
102.245 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


1.884 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 15 de Marzo del 2017)
50.046 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.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


1.811 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(53)
Actualizado el 30 de Junio del 2019 por Xavi (Publicado el 19 de Septiembre del 2013)
83.105 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.173
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.790 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 8 de Marzo del 2016 por Xve (Publicado el 27 de Enero del 2016)
31.527 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.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


1.466 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(26)
Actualizado el 30 de Noviembre del 2014 por Xavi (Publicado el 21 de Mayo del 2013)
93.546 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.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


1.325 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 18 de Noviembre del 2016 por Xve
31.015 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.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


1.259 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por Xve
45.556 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: 2.110
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.145 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 25 de Octubre del 2012 por Xavi
61.680 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: 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


1.109 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 19 de Agosto del 2013 por Xavi
86.096 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.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


1.105 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 19 de Agosto del 2013 por Xavi
65.026 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.173
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


1.092 visualizaciones el último mes

JavaScript

Publicado el 7 de Febrero del 2018 por Xve
14.849 visualizaciones desde el 7 de Febrero del 2018
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.110
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.042 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 28 de Mayo del 2014 por Xavi
48.403 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.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


1.039 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Publicado el 11 de Mayo del 2015 por Xve
48.630 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

Sucesión de números del Fibonacci en JavaScript


1.032 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 15 de Noviembre del 2019 por Xavi (Publicado el 19 de Septiembre del 2012)
48.493 visualizaciones desde el 19 de Septiembre del 2012
Código sencillo, que devuelve la sucesión de números del Fibonacci.
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

Calcula tu peso recomendado con JavaScript


1.030 visualizaciones el último mes

JavaScript

Publicado el 23 de Septiembre del 2018 por Xve
7.118 visualizaciones desde el 23 de Septiembre del 2018
Este código calcula el peso recomendado utilizando la formula:
50 + ( ( Altura - 150) / 4) * 3 ) + ( Edad - 20 ) / 4
En caso de ser una mujer, hay que multiplicar el resultado por 0.9.

peso-recomendado
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

Determinar si un numero es primo


993 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 10 de Noviembre del 2019 por Xve (Publicado el 27 de Enero del 2016)
26.914 visualizaciones desde el 27 de Enero del 2016
Este simple código muestra una manera sencilla de determinar si un numero es primo.
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

Calendarios en JavaScript


958 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 6 de Julio del 2017 por Xve
19.797 visualizaciones desde el 6 de Julio del 2017
Calendario desarrollado en JavaScript que muestra el mes actual y te permite cambiar de mes.

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

Validar una dirección de correo


943 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 13 de Junio del 2011 por Scriptshow (Publicado el 23 de Septiembre del 2009)
85.276 visualizaciones desde el 23 de Septiembre del 2009
Código que muestra como validar una dirección de correo electrónico mediante una expresion regular
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

Sumar los valores de una tabla html y mostrar el total


922 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 27 de Junio del 2018 por Xavi
13.728 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: 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


920 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 8 de Febrero del 2018 por Xavi (Publicado el 12 de Febrero del 2013)
67.123 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: 1.431
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Borrar opciones de un select con JavaScript


902 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 5 de Diciembre del 2016 por Scriptshow (Publicado el 30 de Noviembre del 2016)
17.443 visualizaciones desde el 30 de Noviembre del 2016
Una forma sencilla de quitar opciones de un select con javascript. Selecciona una opción y pulsa el botón para borrarla.

Espero sea útil.

Un saludo
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

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


881 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 26 de Mayo del 2016 por Xavi (Publicado el 28 de Agosto del 2013)
51.665 visualizaciones desde el 28 de Agosto del 2013
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.110
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


865 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(16)
Publicado el 5 de Noviembre del 2013 por Xavi
47.776 visualizaciones desde el 5 de Noviembre del 2013
Función que dadas dos fechas, determina si una fecha es superior a la otra.
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

Evento al pasar con el ratón por encima de un elemento


865 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 1 de Octubre del 2016 por Xve
17.362 visualizaciones desde el 1 de Octubre del 2016
Este simple código muestra como ejecutar una función de javascript al pasar el ratón por encima de un elemento, y ejecutar otra función javascript al dejar de pasar el ratón por encima.
Es similar al $.hover() de jquery en 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 select de varias maneras


799 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 19 de Agosto del 2013 por Xavi
104.525 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: 1.336
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Gato (Tres en raya)


799 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 4 de Marzo del 2017 por Alejandro
17.020 visualizaciones desde el 4 de Marzo del 2017
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.110
Oro
Ha mantenido su posición 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


765 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 21 de Julio del 2019 por Xavi (Publicado el 23 de Abril del 2012)
69.003 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: 2.110
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Cronometro en javascript


746 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 15 de Marzo del 2018 por Xavi (Publicado el 30 de Septiembre del 2014)
44.153 visualizaciones desde el 30 de Septiembre del 2014
Simple cronometro en JavaScript que permite iniciar y parar el tiempo.

cronometro