Ejemplo 1: Visualización de texto mediante una ventana.
Muestra una ventana conteniendo el mensaje ¡Hola mundo! cuando se pulse sobre el botón ejemplo1. Para ello debemos generar el siguiente código fuente.
<CENTER> <FORM> <INPUT Type="button" Value=" ejemplo1 " onClick="Alert(' ¡Hola mundo! ')"> </FORM> </CENTER>Ejemplo 2: Definición de una función.
Este ejemplo define una función que calcula el cuadrado de un número y visualiza el resultado en una ventana parecida a la anterior. Esto se llevará a cabo cuando se pulse sobre el botón ejemplo2.
La función se tendrá que definir entre las marcas (<SCRIPT>,</SCRIPT>) que se encuentran dentro de la cabecara (HEAD) del documento.... <HEAD> ... <SCRIPT Laguage="JavaScript"> <!-- function Cuadrado(numero) { return numero * numero; } //--> </SCRIPT> ... </HEAD> <BODY> ... <CENTER><FORM> El cuadrado de 5 es: <INPUT Type="button" Value=" ejemplo2 " onClick="alert(Cuadrado(5))"> </FORM></CENTER>
Ejemplo 3: Interacción con un formulario.
Este ejemplo refleja la interacción de un script con un formulario, esta es una de las aplicaciones en la que los programadores de páginas Web echan mano de JavaScript.
Concretemante en este ejemplo el usuario introducirá una expresión aritmética en un campo de texto del formulario y el script le pedirá al usuario que la confirme antes de pasar a evaluarla.
En este caso sólo se reproduce en la respuesta la entrada sin evaluar la operación.... <HEAD> ... <SCRIPT Laguage="JavaScript"> <!-- function evalua(form) { if (confirm("¿Está seguro?")) form.result.value = eval (form.expr.value); else alert("Inténtelo de nuevo."); } //--> </SCRIPT> ... </HEAD> <BODY> ... <CENTER><FORM> Introduzca la expresión: <INPUT Type="text" name="expr" Size=10>Resultado: <INPUT Type="text" name="result" Size=10>
<INPUT Type="button" Value=" Evaluar " onClick="evalua(this.form)"> </FORM></CENTER>