JavaScript es un lenguaje de programación orientado a la WEB, es un lenguaje interpretado y necesita de un navegador para poder ejecutarlo.
Podemos usarlo en dentro de HTML en 3 formas muy parecido a como usamos CSS.
Primera forma :
Dentro de los atributos de una etiqueta HTML:
<HTML>
<BODY>
<INPUT TYPE = “BUTTON” VALUE=”HAZ CLICK AQUI” ONCLICK = “ALERT(‘HOLA, COMO ESTAS?’);”>
</BODY>
</HTML>
Esta forma es solo recomendada para acciones muy especificas o cortas como puede ser un mensaje.
Segunda forma:
Dentro de una etiqueta <SCRIPT></SCRIPT>
<HTML>
<SCRIPT>
function saludar () {
alert (“Hola, como estas?”);
}
</SCRIPT>
<BODY>
<INPUT TYPE = “BUTTON” VALUE=”HAZ CLICK AQUI” ONCLICK = “saludar();”>
</BODY>
</HTML>
Esta forma es recomendada si nuestros programas son relativamente sencillos y solo se van a usar en una sola pagina html.
Tercera forma:
Con un archivo externo:
Creamos un archivo con extensión .js, por ejemplo main.js y escribimos lo siguiente y lo guardamos en la misma ubicación que el archivo HTML.
main.js
function saludar () {
alert (“Hola, como estas?”);
}
ejemplo.html
<html>
<script src=”main.js” type=”text/javascript”></script>
<body>
<input type=”button” value=”Has click aqui” onclick=”saludar();”>
</body>
</html>
Esta es la forma mas recomendada por su flexibilidad a la hora de incluir y modificar nuestros programas en JavaScript.
SINTAXIS
Ahora que sabemos como crear nuestros programas hablemos de sintaxis:
Todos los comandos terminan con punto y coma (;) no importa que estén en una línea o varias (aunque es mejor trabajar ordenado).
Los comandos son realmente funciones predefinidas y tiene la siguiente estructura:
nombre de la función ( parametro1, parametro2, …parámetro n) ;
Ejemplo :
alert (“Esto es un mensaje”);
Las funciones pueden retornar valores.
VARIABLES
Las variables son contenedores donde se almacena datos, hay diferentes tipos aunque JavaScript no es muy exigente con la definición, lo que si es que las variables tiene que ser definidas para poder usarlas.
Ejemplos:
var x;
var x,y,z;
También podemos asignarle valores en la definición:
var x=1,y=2,z=0;
AMBITO DE LAS VARIABLES:
Las variables existen dentro de la función donde se definen, podemos definirla fuera de las funciones y son tomadas por todas las funciones como globales.
SINTAXIS DE LAS VARIABLES:
Los nombres de las variables pueden contener letras, números, y algunos caracteres especiales que son permitidos como por ejemplo “_”, las mayúsculas y las minúsculas (como todo en JavaScript) son evaluadas, es decir, Var1 nos es igual que var1 o que VAR1 o que VaR1 o que vAr1, para JavaScript todos estos nombre de variables son diferentes.
El punto, aunque se permite en el uso de un nombre no es parte de el, es un separador que indica la jerarquía de una variable respecto a donde pertenece.
PARAMETROS
Los parámetros son variables que se definen en el encabezado de la función y son variables mediante las cuales se les pasa valores que se necesitan en la función.
Hagamos un nuevo ejemplo:
<!DOCTYPE html>
<html>
<script>
var x=1;
function sumar1 (a,b) {
var x=2,r=0;
r = a + b + x;
alert (a + "+" + b + "+ (x="+ x +") = "+ r);
}
function sumar2 (a,b) {
var r=0;
r = a + b + x;
alert (a + "+" + b + "+ (x="+ x + ") = "+ r);
}
</script>
<body>
<input type = "button" value="has click aqui para ejecutar sumar1" onclick="sumar1 (4,2);">
<input type = "button" value="has click aqui para ejecutar sumar2" onclick="sumar2 (4,2);">
</body>
</html>
Continuamos en el siguiente post…
No hay comentarios.:
Publicar un comentario