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: 1.989
Plata
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


3.286 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(24)
Publicado el 19 de Agosto del 2013 por Xavi (548 códigos)
358.745 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: 1.989
Plata
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.618 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 15 de Noviembre del 2019 por Xavi (548 códigos) (Publicado el 19 de Septiembre del 2012)
63.259 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: 3.376
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.455 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 8 de Marzo del 2016 por Xve (294 códigos) (Publicado el 27 de Enero del 2016)
50.990 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: 3.376
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.401 visualizaciones el último mes

JavaScript

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

Cambiar la imagen cada 5 segundos


1.367 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(89)
Actualizado el 25 de Julio del 2019 por Xavi (548 códigos) (Publicado el 21 de Abril del 2014)
123.716 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: 1.989
Plata
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.057 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(28)
Actualizado el 30 de Noviembre del 2014 por Xavi (548 códigos) (Publicado el 21 de Mayo del 2013)
107.766 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: 3.376
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calcula tu peso recomendado con JavaScript


985 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Septiembre del 2018 por Xve (294 códigos)
22.281 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: 1.989
Plata
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


968 visualizaciones el último mes

JavaScript

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

Calculadora Basica


909 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 15 de Marzo del 2017)
65.062 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: 3.376
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


841 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 25 de Abril del 2018 por Xve (294 códigos) (Publicado el 26 de Febrero del 2018)
22.224 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: 1.989
Plata
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


754 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 28 de Mayo del 2014 por Xavi (548 códigos)
58.673 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: 3.376
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


747 visualizaciones el último mes

JavaScript

Actualizado el 11 de Diciembre del 2020 por Xve (294 códigos) (Publicado el 7 de Febrero del 2018)
24.658 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 pero obteniendo el valor de las columnas: https://www.lawebdelprogramador.com/codigo/JavaScript/6765-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JavaScript.html

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: 1.989
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Suma de valores


721 visualizaciones el último mes

JavaScript

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

Convertir un array de PHP a javascript


718 visualizaciones el último mes

JavaScript

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

Determinar si un numero es primo


704 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 10 de Noviembre del 2019 por Xve (294 códigos) (Publicado el 27 de Enero del 2016)
36.406 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: 1.989
Plata
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


697 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Publicado el 19 de Agosto del 2013 por Xavi (548 códigos)
75.543 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: 568
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ordenar una tabla


661 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Marzo del 2019 por Info (96 códigos)
13.031 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: 1.989
Plata
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


646 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 14 de Febrero del 2021 por Xavi (548 códigos) (Publicado el 20 de Noviembre del 2018)
9.971 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.
En esta última versión, también se añaden los datos al formulario de manera oculta, para poder ser enviados al enviar el formulario. Se crea una array de valores denominado "nombres" que contiene el valor de cada y su edad separados por un guion:
juan-18
pedro-22
jose-24
manuel-19

llenar-tabla-valores-formulario-y-input
Imágen de perfil
Val: 1.989
Plata
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


636 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 27 de Junio del 2018 por Xavi (548 códigos)
23.648 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: 568
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Conversor de números a letras


599 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 12 de Marzo del 2019 por Info (96 códigos)
13.321 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: 3.376
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Evento hover en javascript para mostrar una imagen al pasar el ratón por encima de otra


599 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Diciembre del 2017 por Xve (294 códigos)
10.780 visualizaciones desde el 23 de Diciembre del 2017
Este código muestra como utilizar los evento de javascript mouseover y mouseout para simular el evento de CSS hover al pasar el ratón por encima de una imagen.

Al pasar el ratón por encima de cualquiera de las imágenes, muestra dicha imagen como background de un div.

onmouseover-y-onmouseout-en-imagen
Imágen de perfil
Val: 38
Ha aumentado su posición en 11 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Caja de comentarios HTML y Javascript


595 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 30 de Junio del 2020 por Terry (3 códigos)
3.581 visualizaciones desde el 30 de Junio del 2020
Capture

Hola amigos despues de mucho tiempo vuelvo con este pequeno y simple caja de comentarios en javascript espero les sirva de alguna forma.
pongo el codigo HTML y Javascript

Mis mejores deseos para todos en este foro
Imágen de perfil
Val: 1.989
Plata
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


576 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 21 de Julio del 2019 por Xavi (548 códigos) (Publicado el 23 de Abril del 2012)
77.522 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.989
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Cronometro en javascript


560 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 15 de Marzo del 2018 por Xavi (548 códigos) (Publicado el 30 de Septiembre del 2014)
54.175 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: 3.376
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


553 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 1 de Octubre del 2016 por Xve (294 códigos)
26.404 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.415
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Gato (Tres en raya)


545 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 4 de Marzo del 2017 por Alejandro (9 códigos)
24.005 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: 3.376
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Reloj analógico en canvas


507 visualizaciones el último mes

JavaScript

Publicado el 7 de Marzo del 2018 por Xve (294 códigos)
15.270 visualizaciones desde el 7 de Marzo del 2018
Este código muestra como crear un reloj analógico con canvas

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

Crear un array bidimensional de 10x10 con números aleatorios


490 visualizaciones el último mes

JavaScript

Publicado el 25 de Marzo del 2021 por Katas (174 códigos)
490 visualizaciones desde el 25 de Marzo del 2021
Código que muestra como crear un array de 10x10 con números aleatorios entre el 0 y el 99

1
2
3
4
5
6
7
8
9
10
[52, 90, 89, 76, 71, 64, 45, 43, 11, 21]
[10, 91, 89, 3, 49, 23, 84, 19, 31, 56]
[3, 23, 26, 41, 4, 24, 20, 55, 90, 0]
[16, 93, 8, 40, 84, 24, 43, 77, 80, 67]
[47, 32, 18, 94, 52, 22, 32, 78, 85, 82]
[93, 12, 67, 71, 56, 27, 9, 81, 5, 94]
[52, 23, 15, 62, 24, 35, 5, 0, 52, 87]
[35, 63, 97, 64, 11, 20, 43, 68, 53, 47]
[39, 97, 61, 83, 14, 21, 76, 93, 25, 88]
[96, 32, 31, 13, 0, 50, 24, 12, 26, 53]

Definimos una constante como un array de 10 valores
1
const y=[..."1111111111"];

Mediante la función map(), recorremos cada uno de los elementos de la constante "y" y asignamos su valor a la variable "x", la cual es nuevamente asignada a la constante "y", la cual a su misma vez mediante la función map() nuevamente le asignamos un valor aleatorio a cada uno de sus 10 elementos, y es asignado a la variable "x" que modifica el primer valor de "y" que se asignara a la variable "arr".
1
let arr=y.map(x => y.map(el => Math.floor(Math.random() * 100)));
Imágen de perfil
Val: 1.415
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego de memoria (Memorama)


470 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 25 de Noviembre del 2017 por Alejandro (9 códigos) (Publicado el 25 de Febrero del 2017)
33.512 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: 1.989
Plata
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


469 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 26 de Mayo del 2016 por Xavi (548 códigos) (Publicado el 28 de Agosto del 2013)
58.767 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.