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.

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.

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.

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:

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

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

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.

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.

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.

Este código ordena una tabla de html por la columna seleccionada.



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.

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.

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

Función de javascript que va modificando el numero introducido en un campo de texto para ir añadiendo los separadores de miles mientras el usuario va añadiendo valores.
Permite especificar decimales

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

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

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.

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

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:

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.

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

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

Este código muestra como haciendo doble click sobre una celda de una tabla, nos aparecerá un input para modificar el contenido de la misma.
Perdiendo el foco o pulsando la tecla Enter, desaparece el input y se muestra el valor modificando dentro de la tabla.

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

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

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()

- 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 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.

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

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.

Código que muestra una pelota rebotando por la pantalla.
Gracias a la aportación de Jecht en los foros.