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.156
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.618 visualizaciones el último mes

JavaScript

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

Suma de valores


2.140 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(22)
Actualizado el 8 de Diciembre del 2019 por Xavi (Publicado el 21 de Enero del 2013)
120.699 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.156
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.099 visualizaciones el último mes

JavaScript

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


2.012 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(52)
Actualizado el 30 de Junio del 2019 por Xavi (Publicado el 19 de Septiembre del 2013)
79.498 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: 593
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calculadora Basica


1.996 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 15 de Marzo del 2017)
46.798 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.221
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.457 visualizaciones el último mes

JavaScript

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


1.440 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 27 de Junio del 2018 por Xavi
12.006 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.156
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.352 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(26)
Actualizado el 30 de Noviembre del 2014 por Xavi (Publicado el 21 de Mayo del 2013)
90.889 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.221
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Determinar si un numero es primo


1.288 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 10 de Noviembre del 2019 por xve (Publicado el 27 de Enero del 2016)
25.342 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.221
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.210 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 18 de Noviembre del 2016 por xve
28.546 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.221
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.143 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por xve
43.285 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.156
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.109 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 25 de Octubre del 2012 por Xavi
59.354 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.156
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
84.026 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.156
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.074 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 28 de Mayo del 2014 por Xavi
46.492 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: 1.407
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Validar una dirección de correo


1.062 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 13 de Junio del 2011 por ScriptShow (Publicado el 23 de Septiembre del 2009)
83.334 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.156
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.040 visualizaciones el último mes

JavaScript

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


985 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 15 de Noviembre del 2019 por Xavi (Publicado el 19 de Septiembre del 2012)
46.783 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.156
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


942 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 8 de Febrero del 2018 por Xavi (Publicado el 12 de Febrero del 2013)
65.361 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.221
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


937 visualizaciones el último mes

JavaScript

Publicado el 7 de Febrero del 2018 por xve
12.803 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: 374
Bronce
Ha aumentado su posición en 10 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Partir una cadena en trozos de dos caracteres


927 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 19 de Noviembre del 2019 por katas
927 visualizaciones desde el 19 de Noviembre del 2019
Dada una cadena de caracteres, devolver un array con dos caracteres en cada posición. Si el ultimo elemento es de un solo carácter, añadir el guion bajo (_)

1
2
solution('abc') // ['ab', 'c_']
solution('abcdef') // ['ab', 'cd', 'ef']
Imágen de perfil
Val: 2.221
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calcula tu peso recomendado con JavaScript


896 visualizaciones el último mes

JavaScript

Publicado el 23 de Septiembre del 2018 por xve
5.197 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.156
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


869 visualizaciones el último mes

JavaScript

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


823 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 1 de Octubre del 2016 por xve
15.714 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: 1.212
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego de memoria (Memorama)


823 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 25 de Noviembre del 2017 por Alejandro (Publicado el 25 de Febrero del 2017)
24.949 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.156
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


802 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(16)
Publicado el 5 de Noviembre del 2013 por Xavi
46.046 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.221
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calendarios en JavaScript


777 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 6 de Julio del 2017 por xve
18.017 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.407
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


770 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 5 de Diciembre del 2016 por ScriptShow (Publicado el 30 de Noviembre del 2016)
15.752 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.221
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


764 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 25 de Abril del 2018 por xve (Publicado el 26 de Febrero del 2018)
11.415 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: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Cronometro en javascript


754 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 15 de Marzo del 2018 por Xavi (Publicado el 30 de Septiembre del 2014)
42.768 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: 2.156
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Llenar una tabla con los valores de un formulario


733 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 18 de Octubre del 2019 por Xavi (Publicado el 20 de Noviembre del 2018)
2.727 visualizaciones desde el 20 de Noviembre del 2018
Simple código que muestra como ir rellenando una tabla de valores con el nombre y edad que vamos introduciendo en el formulario.

llenar-tabla-valores-formulario