EL JavaScript es un lenguage de programación que nos permite interactuar con el usuario que visualice nuestros documentos HTML, debe quedar claro la diferencia entre Java y JavaScript; Java es un lenguage mucho más complicado y está orientado a objetos; y JavaScript, es un lenguage de script.
Para incluir JavaScript en un documento lo hacemos usando las etiquetas <script> y </script>, de tal modo que un código válido sería este:
<html>
<head>
<title>Probemos la función creada</title>
<script language="JavaScript">
<!--
function saludo()
{
window.alert("Esto está realmente bien!!");
}
//-->
</script>
</head>
<body>
<form>
<input type=button value=">->!PÚLSAME!<-<" onclick="saludo()">
</form>
</body>
</html>
En este código,
la página creada hace algo así:
Expliquemos
el código; primero creamos las etiquetas <script> y </script> y
les damos el atributo language="JavaScript" después, declaramos
la función saludo() y por último, invocamos al objeto window.alert()
que recibe un parámetro que es el mensaje.
Para
tratar elementos como las cajas de diálogo, es mejor empezar a usar variables,
¿qué son las variables?, pues son elementos a los cuales les daremos un valor
estático, o un valor totalmente dinámico, en el ejempo anterior, podríamos haber
invocado al objeto window.alert() de la forma siguiente:
var mensaje = "Esto está realmente bien!!";
window.alert(mensaje);
De esta forma, el ejemplo se vería igual, pero cuando tras un periodo de tiempo quisieras retomar este Script, te sería más sencillo entenderlo, o si alguien lo leyera, le sería más fácil usarlo y modificar el valor. Ahora estudiaremos más a fondo las variables.
Para definir una variable lo podemos hacer de varias formas. La primera, es
la siguiente: var mivariable; en la cual la sentencia var
hace que JavaScript, cree una variable. Pero también podemos definir la variable
justo antes de usarla:
...aquí sentencias JavaScript
var mensaje = "HOLA";
...aquí más sentenciasBueno, pero para saber qué tipo de información pueden tener las variables les contaré que pueden tener tanto cadenas de caracteres o números, o booleanos...
Probemos cómo se les pueden dar valores a las variables; podemos hacer que aparezca un cuadro en el cual podamos insertar un texto, la siguiente fuente es la usada para hacer el siguiente ejemplo:
<html>
<head>
<title>Probemos la función creada</title>
<script language="JavaScript>
<!--
function pregunta()
{
window.prompt("Escrie tu nombre:","");
}
//-->
</script>
</head>
<body>
<form>
<input type=button value=")-=ºPÚLSAMEº=-(" onclick="pregunta()">
</form>
</body>
</html>
Esta
función no hace nada, sólo la he incluido para que os familiarizárais con el
objeto window.propmpt(a,b) que recibe dos valores, "a"
que es el texto a presentar y "b" que es el texto por defecto; con
una sencilla utilización de variables, podemos darle algo de utilidad:
<html>
<head>
<title>Probemos la función creada</title>
<script language="JavaScript>
<!--
function pregunta()
{
var nombre;
nombre = window.prompt("Escrie tu nombre:","");
window.alert("Hola "+nombre);
}
//-->
</script>
</head>
<body>
<form>
<input type=button value=")-=ºPÚLSAMEº=-(" onclick="pregunta()">
</form>
</body>
</html>
Veamos el ejemplo:
window.confirm() sería el siguiente:
<html>
<head>
<title>Probemos la función creada</title>
<script language="JavaScript>
<!--
function pregunta()
{
window.confirm("¿Quieres votar esta página?");
}
//-->
</script>
</head>
<body>
<form>
<input type=button value="-=>PÚLSA Y VERÁS<=-" onclick="pregunta()">
</form>
</body>
</html>El ejemplo mostrado hará lo siguiente: