Estructura y comandos básicos de un programa en JavaScript

Todo programa en JavaScript ha de seguir una serie de pautas antes de poder ejecutarse. Para explicar lo mas esencial de este lenguaje de programación empezaremos por un programa de lo más sencillo y lo explicaremos línea por línea. El programa que viene a continuación no es muy útil, pero irá bien para introducirse en este lenguaje:

<Script language="javascript"> docmument.write("hello world"); </Script>

Y ahora expliquémoslo:


<Script language="javascript">

Esta primera línea lo único que marca es que, dentro de una página hecha en HTML vamos a insertar un código en JavaScript.

docmument.write="hello world";

La segunda es el primero comando en JavaScript que veremos document.write. La función es simplemente la de mostrar un texto o una variable en pantalla. Si lo que queremos mostrar es un texto tendremos que poner las comillas (" ") en cambio no hacen falta si lo que queremos es mostrar una variable. El punto y coma (;) se deberá poner al final de cada comando en JavaScript.

</Script>

La última línea simplemente marca el fin del código en JavaScript. Como podemos ver el programa no es útil ya que lo único que hace es mostrar por pantalla hello world. Aquí podemos ver el resultado:


Ahora para ver bien cómo las variables funcionan pondremos un ejemplo de un programa que cumpla la misma función, pero en este caso usaremos una variable. Veamos como lo haríamos en éste caso.

<Script language="javascript"> var saludo; saludo="hello world"; docmument.write(saludo); </Script>

En éste código vemos algunas líneas nuevas:

var saludo;

Ésta línea sirve tan sólo para marcar que a partir de ahora saludo será una variable.

saludo="hello world";

Ahora vemos como saludo pasa a tener el valor de hello world almacenado.

docmument.write(saludo);

Ahora imprimimos en pantalla la variable saludo. Como se trata de una variable no hace falta ponerle las comillas (" "). Y como ahora veremos el resultado será el mismo:


Ahora aclararé que las variables no necesitan las comillas (" ") tal y como he dicho antes, pero si lo que queremos es mostrar la palabra saludo podríamos ponerla entre comillas de ésta manera

document.write("saludo");

Así el programa no trataría a la palabra saludo como una variable sino como una cadena de texto.

Para finalizar con esta pequeña introducción os mostraré como entrar datos desde el teclado a un programa de javascript. Primero veremos la sintaxis del comando:

<script language="javascript"> prompt('Texto a mostrar','Texto a mostrar en el cuadro de texto'); </script>

más adelante en el tutorial se explicará cómo ejecutar javascript usando un botón como ese.

Pero haciendo eso los datos no van a parar a ningún lado así que lo que tenemos que hacer es que lo que insertemos por teclado quede almacenado dentro de una variable. Ésto lo conseguimos con lo siguiente:

datos=prompt('Texto a mostrar','Texto a mostrar en el cuadro de texto');

Ahora los datos quedaran almacenados dentro de la variable a la que hemos llamado datos y podemos hacer un pequeño programa para demostrar que realmente los datos han sido procesados. Ésto es muy sencillo:

<script language="javascript"> datos=prompt('Texto a mostrar','Texto a mostrar en el cuadro de texto'); alert(datos); </script>

Y por último en esta primera lección aclarar que como podéis ver, alert lo único que hace es mostrar una ventana con la información que queramos, el este caso le hemos dicho que nos muestre el valor de la variable datos que antes hemos definido. Tambien he de decir que he puesto los dos comandos por separado en dos botones distintos para que se distinga bien lo que está pasando, primero ejecutamos uno y luego el otro.