Los códigos más visitados de JavaScript

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.

Excelente reloj analógico que utiliza Javascript para obtener la hora del sistema, pero para mostrar las agujas utiliza los grados (deg) del rotate de CSS para mover las agujas.

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:

En este código he creado una clase de javascript para generar gráficas de pastel



Se puede definir si se desea en formato "donut", si mostramos el tanto por ciento y si mostramos la leyenda.

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.

Simple código que muestra como convertir un array de php a javascript.

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

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

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

Este código muestra como enviar un array de JavaScript a PHP.

Como el JavaScript se ejecuta en el navegador y el PHP en el servidor, tenemos que enviar el array de valores de JavaScript al servidor en formato JSON mediante AJAX, para poder recuperar-lo desde PHP.

Para enviar los datos mediante AJAX, utilizar el comando $.post() de JQuery.

- Toda la programación está hecha en JavaScript.
- La visualización de los laberintos se basa en el elemento canvas de HTML5. Para los símbolos uso imágenes de 16×16 píxeles y para mostrar la solución uso círculos y rectángulos dibujados.
- La generación de laberintos se hace por backtracking y se obtiene un laberinto perfecto: cualesquiera dos puntos están conectados por exactamente un camino y no hay bucles. Lo elegí porque visualmente me pareció más atractivo.
- La salida (el cohete) y la llegada (la casita) las elijo para que estén lo más separadas posible, para conseguir que la solución sea un camino largo. En algunas ocasiones la curva resultante me recuerda a la curva de Peano.
- La solución del laberinto se obtiene buscando los puntos muertos, celdas que están rodeadas de tres muros; cuando se eliminan todos, las celdas que quedan son las que forman la solución. También me pareció más adecuada para su visualización.
- Para mostrar la solución utilizo un temporizador JavaScript ¡para cada paso! Nunca pensé que eso podría funcionar. Con la inocencia del novato, pensé en usar el equivalente en JavaScript a una función sleep() hasta que descubrí que ni existía ni se consideraba correcto escribirla, por lo que tuve que pensar un buen rato cómo conseguir lo que quería con temporizadores. Bueno, parece que funciona :)

Este código realiza el calculo para ver cuantas cajas pueden caber en un contenedor dado, probando de poner las cajas en todas sus posiciones.

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.

Crear una función que reciba un numero entero positivo y que devuelva un array que su contenido sea una pirámide de asteriscos con la altura recibida.




Para mostrar la pirámide en web o consola, se puede utilizar join()

Para web:

Para la consola:

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

Es una beta del paint para canvas que incluye varias herramientas que te servirán para el dibujo básico

Código que calcula la edad de una persona seleccionando la fecha en un <input type="data"> de HTML5.

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.

Función que recibe un array de números y determina si son consecutivos.
Para determinar si son consecutivos, se ejecuta un bucle (recude) donde se resta el valor anterior con el valor actual+1. Si al final el resultado es 0 todos son consecutivos.

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.

La mediana es el "número en el medio" de una lista ordenada de números si es par, en el caso de que sea impar, tenemos que encontrar el par central de números, y después calcular su valor medio.



En el caso de que sea par, con la función slice() obtenemos un array con los dos valores del centro, el cual pasamos a la función reduce para que los sume y el resultado lo dividimos entre 2 para obtener la media.

En el caso de que sea impar, simplemente obtenemos el valor del medio con slice()

Programa que lea los lados de 4 triángulos, e indica:

Este simple código muestra si un numero es par o impar

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.

Este sencillo código muestra como calcular el interés y amortización de una hipoteca o préstamo bancario.



Puedes ver este mismo código en PHP:
https://www.lawebdelprogramador.com/codigo/PHP/3924-Calculo-de-hipotecas-prestamos.html

Este simple código, muestra como dibujar dos tipos de árbol de navidad con asteriscos.

Aquí les muestro una manera de crear un indicador con mínimo y máximo con varias agujas, utilizando únicamente CSS para crear el dibujo y JavaScript para mover las agujas.



Continuación del código de https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html

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.

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.

Esta es una calculadora un poco mas compleja que la que había hecho anteriormente