Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Código Fuente » JavaScript » Los + visitados

Los códigos más visitados de JavaScript

Listado de los códigos más visitados durante los últimos 30 días
Volver
Agregar Código Fuente
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


376 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Septiembre del 2018 por Xve (294 códigos)
62.398 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.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


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

Juego de memoria (Memorama)


137 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(14)
Actualizado el 25 de Noviembre del 2017 por Alejandro (9 códigos) (Publicado el 25 de Febrero del 2017)
48.517 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
sin imagen de perfil

BOOTSTRAP DATA-TABLE DINAMICA FETCH


126 visualizaciones el último mes

JavaScript

Publicado el 10 de Enero del 2023 por Jefferson (11 códigos)
2.270 visualizaciones desde el 10 de Enero del 2023

Suelo trabajar con Bootstrap y ya no queria usar JQuery para manejar la libreria DataTable.

Se que existen muchas librerias DataTable con Vanilla Javascript, Vue, React, etc..

Pero queria tener algo sencillo, de solo configurar 3-4 variables y armar mi datatable dinamica.

Pues bien como suelo usar Bootstrap me ahorre de hacer el css y solo me hice el js.

Lo publico por si alguien desea usarlo y/o se animan para crear un nucleo solido con funciones mas complejas.

Repito cualquier error por favor háganlo saber (que debo tener), ya que lo hice al paso y aun no lo uso en producción.



img3
Imágen de perfil

Contador Dinámico con JS solamente


111 visualizaciones el último mes

JavaScript

Publicado el 20 de Diciembre del 2024 por Alejandro
681 visualizaciones desde el 20 de Diciembre del 2024
Este código sirve para crear una cuenta regresiva que muestra el tiempo restante hasta una fecha y hora específicas, como el lanzamiento de un producto, un evento o una página web. Se actualiza en tiempo real y muestra los días, horas, minutos y segundos restantes de forma dinámica.

Es ideal para incluir en páginas web o proyectos donde quieras mantener a tus usuarios informados sobre el tiempo restante para un hito importante. Cuando el temporizador llega a cero, se puede mostrar un mensaje personalizado, como "¡Ya estamos en directo!" o cualquier texto que elijas. Ni necesitas más pildoras de Javascript, soy Alejandro Tamargo Desarrollador Web en Asturias
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

Seleccionar la opción de menú según la pagina donde estamos con JavaScript


104 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 30 de Junio del 2020 por Joel (150 códigos) (Publicado el 28 de Junio del 2020)
2.650 visualizaciones desde el 28 de Junio del 2020
Código de busca la url de la pagina donde nos encontramos dentro de las urls del menú de nuestra pagina y añade un estilo a dicho enlace para diferenciarlo del resto. En este ejemplo se añade el estilo CSS "selected" que lo pone en negrita.

Puedes ver el mismo código en JQuery en: https://www.lawebdelprogramador.com/codigo/JQuery/6329-Seleccionar-la-opcion-se-menu-segun-la-pagina-donde-estamos-con-JQuery.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

Obtener todos los valores de una fila pulsando un botón en dicha fila con JavaScript


102 visualizaciones el último mes

JavaScript

Actualizado el 11 de Diciembre del 2020 por Xve (294 códigos) (Publicado el 7 de Febrero del 2018)
40.294 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: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Combinacion de 2 numeros de 0 a N


90 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 28 de Marzo del 2016 por Xve (294 códigos)
13.080 visualizaciones desde el 28 de Marzo del 2016
Este simple ejemplo, muestra una función que dado un número entero N, imprime todas las posibles combinaciones de dos números del 0 al N.

javascript-combinaciones-de-dos-numeros
sin imagen de perfil

Calculadora prueba


89 visualizaciones el último mes

JavaScript

Publicado el 21 de Mayo del 2023 por Tom
804 visualizaciones desde el 21 de Mayo del 2023
<html>
<head>
<title>Par o Impar</title>
<script type="text/javascript">
function parImpar() {
var num = document.getElementById("num").value;
if(num % 2 == 0) {
alert(num + " es par");
} else {
alert(num + " es impar");
}
}
</script>
</head>
<body>
<label>Ingrese un número:</label>
<input type="text" id="num"></input>
<button onclick="parImpar()">Determinar</button>
</body>
</html>
sin imagen de perfil

Paint en Canvas JS


89 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 21 de Abril del 2020 por Anonymous (35 códigos) (Publicado el 10 de Octubre del 2017)
16.801 visualizaciones desde el 10 de Octubre del 2017
Es una beta del paint para canvas que incluye varias herramientas que te servirán para el dibujo básico

Captura-de-pantalla-66
Imágen de perfil
Val: 606
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mover una cortina por encima de una imagen


81 visualizaciones el último mes

JavaScript

Publicado el 16 de Abril del 2021 por Info (100 códigos)
1.495 visualizaciones desde el 16 de Abril del 2021
Este código permite sobreponer parte de una imagen encima de la otra, y con el ratón mover parte de la imagen superior sobre la imagen inferior.

cortina-por-encima-imagen


Para este efecto se utilizan dos imágenes, la que esta encima y la que se encuentra debajo, y pulsando sobre la imagen o arrastrando el ratón, podemos descubrir mas o menos la imagen inferior.
El encargado de crear este efecto es el estilo clip-path https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Para el ejemplo, he utilizado una imagen a color, y la misma imagen en escala de grises para visualizar el efecto.
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

Obtener todos los valores de una columna pulsando un botón en dicha columna con JavaScript


81 visualizaciones el último mes

JavaScript

Publicado el 11 de Diciembre del 2020 por Xve (294 códigos)
4.713 visualizaciones desde el 11 de Diciembre del 2020
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una columna cualquiera de una tabla pulsando un botón ubicado en dicha columna

5fd3113412d0d-coger-valor-columna.


Aquí el mismo código pero obteniendo el valor de las filas: https://www.lawebdelprogramador.com/codigo/JavaScript/4426-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JavaScript.html

Aquí el mismo código con jquery: https://www.lawebdelprogramador.com/codigo/JQuery/6764-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JQuery.html
Imágen de perfil

Agregar el hashtag


78 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 14 de Marzo del 2023 por Anthony (5 códigos)
1.032 visualizaciones desde el 14 de Marzo del 2023
este metodo agrega el hashtag y coloca todas las primeras letras de cada palabra en mayusculas
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


76 visualizaciones el último mes

JavaScript

Publicado el 13 de Abril del 2021 por Info (100 códigos)
19.141 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: 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


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

Suma de valores


66 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(25)
Actualizado el 8 de Diciembre del 2019 por Xavi (548 códigos) (Publicado el 21 de Enero del 2013)
158.243 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
sin imagen de perfil

Post-IT


63 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(16)
Publicado el 8 de Julio del 2002 por Tecnicam (22 códigos)
23.425 visualizaciones desde el 8 de Julio del 2002
Muestra un Post-IT en la pantalla, el cual se puede mover y cerrar. Permite colocar código HTML en su interior.