Demostración de JavaScript

¿Qué cosas se pueden hacer con JavaScript?

En esta página se demuestran algunas de las posibilidades que ofrece javascript para trabajar con formularios y documentos html. Por supuesto, se pueden hacer muchas más cosas con javascript, pero lo que aquí aparece puede ser una buena manera de empezar a familiarizarse con el lenguaje.


Seleccionar como mínimo 1 opción (en el momento del submit), y como máximo 3 opciones (en cualquier momento).

opción 1
opción 2
opción 3
opción 4
opción 5
opción 6


Se activan los campos de texto en función del radio button seleccionado.

dato 1 ---> Rellenar, por favor:
dato 2 ---> Rellenar, por favor:
dato 3 ---> Rellenar, por favor:


Se pueden pasar imágenes de una celda de una tabla a otra celda de la otra tabla, simplemente arrastrandola.

 1  2  3
4 5 6
7 8 9
 
     
     
     


Se pueden pasar opciones de un menu de selección a otro:









Se puede resaltar en rojo el borde de un elmento cuando el ratón pasa por encima y cambiar la forma del cursor (al puntero de un enlace, por ejemplo), y eliminar el resaltado y restaurar el cursor cuando no está el ratón sobre el elemento.


1


2


3



Se pueden hacer sencillos cálculos matemáticos.

Convertir euros en pesetas (redondeando a enteros), o a la inversa (redondeando a centimos):

Euros:  Pesetas:  


Se pueden rellenar opciones de un desplegable dinámicamente.

Introduce la opción:
Introduce el valor de la opción:



Se puede convertir un texto de un elemento de texto de formulario en mayúsculas cuando se pierde el foco.




Se puede limitar el contenido de un elemento de texto para que sólo acepte ciertos valores.

Introducir secuencia de adn {a,t,g,c}


Se puede automatizar el contenido de algunos campos.

Al introducir un valor en euros, automáticamente se calculan las pesetas (redondeando a enteros), y a la inversa (redondeando a centimos):
Euros:  Pesetas:


Se puede generar contenido dinámico en ciertas zonas del documento.

Añadir esta frase al texto de abajo:  


Aquí va el texto dinamico



Y se puede rellenar una tabla con 16 números ordenados al pinchar en cada celda

       
       
       
       





Antes de enviar el formulario o de limpiarlo, se puede comprobar que todo es correcto, y pedir confirmación al usuario antes de proceder.