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.807
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.046 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(93)
Actualizado el 25 de Julio del 2019 por Xavi (548 códigos) (Publicado el 21 de Abril del 2014)
162.522 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: 3.162
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


1.036 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 23 de Diciembre del 2017 por Xve (294 códigos)
36.274 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: 3.162
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.012 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por Xve (294 códigos)
94.295 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: 3.162
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.000 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Septiembre del 2018 por Xve (294 códigos)
48.164 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.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mover el scroll para bajar y subir


906 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 10 de Junio del 2021 por Katas (200 códigos)
18.381 visualizaciones desde el 10 de Junio del 2021
Este código muestra como mover el scroll de un elemento que tiene el estilo overflow-y:auto; asignado.

Para bajar el scroll, ponemos en la posición scrollTop del elemento el valor de scrollHeight.
Para subir el scroll, simplemente le ponemos la posición scrollTop a 0.

scroll
Imágen de perfil
Val: 1.807
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


875 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 14 de Febrero del 2021 por Xavi (548 códigos) (Publicado el 20 de Noviembre del 2018)
29.419 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: 58
Ha aumentado su posición en 5 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Caja de comentarios HTML y Javascript


843 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(57)
Publicado el 30 de Junio del 2020 por Terry (3 códigos)
24.942 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.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Gato (Tres en raya)


714 visualizaciones el último mes

JavaScript

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

Formatear un numero con decimales y separador de miles en formato Español con JavaScript


704 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Julio del 2020 por Katas (200 códigos)
14.134 visualizaciones desde el 26 de Julio del 2020
Función que muestra como formatear un entero, float o string (con un numero valido) a formato Español, con separador de miles y permitiendo añadir o quitar decimales.

1
2
3
4
5
6
7
8
9
10
11
12
13
formatNumberES(99);           // "99"
formatNumberES(99, 3);        // "99,000"
formatNumberES(1000);         // "1.000"
formatNumberES(10000000);     // "10.000.000"
formatNumberES(1000, 2);      // "1.000,00"
formatNumberES(1000, 5);      // "1.000,00000"
formatNumberES(1000.11);      // "1.000"
formatNumberES(1000.11, 0);   // "1.000"
formatNumberES(1000.11, 1);   // "1.000,1"
formatNumberES(1000.11, 2);   // "1.000,11"
formatNumberES(1000.11, 3);   // "1.000,110"
formatNumberES("1000.11", 2); // "1.000,11"
formatNumberES("1000.11", 0); // "1.000"
Imágen de perfil
Val: 2.019
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


657 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 5 de Diciembre del 2016 por Scriptshow (141 códigos) (Publicado el 30 de Noviembre del 2016)
38.679 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: 606
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Crear una factura con JavaScript


608 visualizaciones el último mes

JavaScript

Publicado el 13 de Abril del 2021 por Info (100 códigos)
13.372 visualizaciones desde el 13 de Abril del 2021
Este código muestra como crear el cuerpo de una factura, permitiendo entrar el nombre de un producto, la cantidad y el importe.
En cada entrada, se calcula el importe del producto, subtotal, el 21% de IVA (Impuesto en España) y el total de la factura.
Cada vez que se introduce un producto, se añade una nueva fila para añadir un nuevo producto de manera automática.

factura-con-javascript
Imágen de perfil
Val: 3.162
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


588 visualizaciones el último mes

JavaScript

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

Simular pulsar la tecla Enter


539 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 24 de Agosto del 2018 por Scriptshow (141 códigos) (Publicado el 3 de Septiembre del 2017)
25.445 visualizaciones desde el 3 de Septiembre del 2017
Simular pulsar la tecla "Enter" con métodos varios...

Artículos relacionados:

https://stackoverflow.com/questions/3276794/jquery-or-pure-js-simulate-enter-key-pressed-for-testing

P.D.: Hemos de tener en cuenta las limitaciones por razones de seguridad, privacidad y demás acciones voluntarias e involuntarias.

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

Determinar el tipo de triángulo


523 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Mayo del 2019 por Joan (121 códigos)
18.654 visualizaciones desde el 8 de Mayo del 2019
Programa que lea los lados de 4 triángulos, e indica:
- De cada uno de ellos, qué tipo de triángulo es: equilátero (tres lados iguales), isósceles (dos lados iguales), o escaleno (ningún lado igual)
- Cantidad de triángulos de cada tipo
- Tipo de triángulo del que hay menor cantidad
- Tipo de triángulo del que hay mayor cantidad

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

Juego de memoria (Memorama)


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

Cálculos de alumnos con sus notas


481 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Noviembre del 2018 por Xavi (548 códigos)
18.557 visualizaciones desde el 21 de Noviembre del 2018
Código que guarda en una tabla de HTML el listado de alumnos con sus notas, para posteriormente informar de:
- los alumnos aprobados (nota igual o superior a 4)
- los alumnos suspendidos
- los alumnos con mejor y peor nota
- la media de las notas
- los alumnos promocionados (nota igual o superior a 7)
- el promedio de los alumnos aprobados
- el promedio de los alumnos promocionados

notas-alumnos


Este código es una continuación de: https://www.lawebdelprogramador.com/codigo/JavaScript/4937-Llenar-una-tabla-con-alumnos-y-edades.html
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Calendarios en JavaScript


478 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 6 de Julio del 2017 por Xve (294 códigos)
37.410 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: 2.288
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Imprimir una X de gran tamaño


428 visualizaciones el último mes

JavaScript

Publicado el 10 de Mayo del 2021 por Katas (200 códigos)
16.046 visualizaciones desde el 10 de Mayo del 2021
Escribir un programa utilizando JavaScript que imprima una X construida a base de la letra X y utilizar el carácter de subrayado como espacio. El tamaño de la x se basa en una variable n que indicará el tamaño de la letra para imprimir (en una matriz de n x n).

1
2
3
4
5
6
console.log(cruz(5));
X___X
_X_X_
__X__
_X_X_
X___X


NOTA: Si se quiere mostrar en una pagina web, cambiar el "\n" por "<br>"
Imágen de perfil
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple teclado en pantalla


402 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Agosto del 2020 por Joel (150 códigos)
11.252 visualizaciones desde el 15 de Agosto del 2020
Este código muestra un simple teclado en pantalla en formato qwerty o en abecedario. Solo permite introducir los caracteres que hay en el teclado de la pantalla.

teclado-pantalla