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


4.848 visualizaciones el último mes

JavaScript

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

Cambiar la imagen cada 5 segundos


1.611 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(88)
Actualizado el 25 de Julio del 2019 por Xavi (530 códigos) (Publicado el 21 de Abril del 2014)
110.240 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.129
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.437 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 8 de Marzo del 2016 por Xve (280 códigos) (Publicado el 27 de Enero del 2016)
38.864 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: 597
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calculadora Basica


1.157 visualizaciones el último mes

JavaScript

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

Suma de valores


1.136 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(23)
Actualizado el 8 de Diciembre del 2019 por Xavi (530 códigos) (Publicado el 21 de Enero del 2013)
132.157 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.129
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.113 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por Xve (280 códigos)
50.993 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.129
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.053 visualizaciones el último mes

JavaScript

Publicado el 23 de Septiembre del 2018 por Xve (280 códigos)
12.569 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.055
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


1.022 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(54)
Actualizado el 30 de Junio del 2019 por Xavi (530 códigos) (Publicado el 19 de Septiembre del 2013)
89.271 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.055
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


971 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(26)
Actualizado el 30 de Noviembre del 2014 por Xavi (530 códigos) (Publicado el 21 de Mayo del 2013)
99.279 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.055
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


865 visualizaciones el último mes

JavaScript

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

Convertir un array de PHP a javascript


829 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 8 de Febrero del 2018 por Xavi (530 códigos) (Publicado el 12 de Febrero del 2013)
70.854 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.551
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Validar una dirección de correo


828 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 13 de Junio del 2011 por Scriptshow (138 códigos) (Publicado el 23 de Septiembre del 2009)
89.387 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.055
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Sucesión de números del Fibonacci en JavaScript


820 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 15 de Noviembre del 2019 por Xavi (530 códigos) (Publicado el 19 de Septiembre del 2012)
52.586 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.055
Oro
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Cronometro en javascript


749 visualizaciones el último mes

JavaScript

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

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

Borrar opciones de un select con JavaScript


746 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 5 de Diciembre del 2016 por Scriptshow (138 códigos) (Publicado el 30 de Noviembre del 2016)
20.596 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.129
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


733 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 18 de Noviembre del 2016 por Xve (280 códigos)
35.004 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.129
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


726 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 1 de Octubre del 2016 por Xve (280 códigos)
20.913 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: 234
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Conversor de números a letras


706 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 12 de Marzo del 2019 por Info (80 códigos)
7.959 visualizaciones desde el 12 de Marzo del 2019
Este código convierte cualquier cantidad a letras entre 100 millones y 0.01 céntimos

conversor-javascript
Imágen de perfil
Val: 2.129
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


702 visualizaciones el último mes

JavaScript

Publicado el 7 de Febrero del 2018 por Xve (280 códigos)
18.582 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.055
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


677 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 27 de Junio del 2018 por Xavi (530 códigos)
17.266 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.055
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


674 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 28 de Mayo del 2014 por Xavi (530 códigos)
52.196 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.129
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Determinar si un numero es primo


666 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 10 de Noviembre del 2019 por Xve (280 códigos) (Publicado el 27 de Enero del 2016)
30.360 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.129
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


645 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 25 de Abril del 2018 por Xve (280 códigos) (Publicado el 26 de Febrero del 2018)
16.923 visualizaciones desde el 26 de Febrero del 2018
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: 234
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ordenar una tabla


645 visualizaciones el último mes

JavaScript

Publicado el 19 de Marzo del 2019 por Info (80 códigos)
7.341 visualizaciones desde el 19 de Marzo del 2019
Este código ordena una tabla de html por la columna seleccionada.

ordenar-tabla


Este código ha sido obtenido de: https://www.w3schools.com/howto/howto_js_sort_table.asp y modificado para poder ordenar también por una fila de números.
Imágen de perfil
Val: 2.129
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calendarios en JavaScript


604 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 6 de Julio del 2017 por Xve (280 códigos)
22.961 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

Reproductor de musica con JavaScript y HTML5


583 visualizaciones el último mes

JavaScript

Publicado el 8 de Junio del 2020 por Administrador (671 códigos)
583 visualizaciones desde el 8 de Junio del 2020
Reproductor de musica creado con HTML5, CSS y JavaScript.

reproductor-musica
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

Gato (Tres en raya)


573 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 4 de Marzo del 2017 por Alejandro (9 códigos)
19.377 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.055
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


563 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 21 de Julio del 2019 por Xavi (530 códigos) (Publicado el 23 de Abril del 2012)
71.773 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.055
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


547 visualizaciones el último mes

JavaScript

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

Obtener el valor de un radio button


510 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 19 de Agosto del 2013 por Xavi (530 códigos)
89.132 visualizaciones desde el 19 de Agosto del 2013
Código que muestra como obtener el valor del radio button seleccionado.