HTML--->Lenguaje para la creación de páginas web estáticas.
Javascript-->Lenguaje de programación que puede ser utilizado para
dotar a las páginas web creadas en HTML de cierto dinamismo.
El código Javascripr a incustrar en una página web, se puede meter en
cualquier parte:
a) Dentro del <head> Implica que el código Javascript para ser
ejecutado tiene que ser llamado.
b) Dentro del <body> El código Javascript se ejecuta al cargar la
página.
La forma de incustrar código Javascipt en una página HTML es la
siguiente:
<script language="javascript">
instrucción1;
instrucción2;
.....
</script>
En Javascript el conjunto de instrucciones que compone el script
tiene que acabar en ;
Formas de hacer comentarios:
Comentarios de una línea //
// Me llamo Elena
Comentarios de múltiples líneas: /* */
/* Me llamo Elena
y estoy impartiendo el módulo
de Aplicaciones Web */
Variables: Lugar dónde se almacenan los datos para su posterior
utilización.
El nombre de una variable debe comenzar por una letra o
un símbolo de subrayado, pero puedes contener letras ,
números o símbolos de subrayado.
Ejemplos de nombre de variables válidos: peso,
edad_madre, _edad,….
Ejemplos de nombre de variables no válidos: 1peso, peso$,
peso_1, peso madre;
Existen varios tipos de variables dependiendo de su
contenido:
- Variables de tipo enteras:
peso=30;
edad=18;
- Variables de tipos reales:
peso=30.5;
altura=60.3;
- Variables de tipo cadena de caracteres.
Nombre=”Elena García Paredes”;
Ciudad=’Hellín’;
Javascript es un lenguaje de programación sensible a
mayúsculas y minúsculas en cuanto a los nombres de
variables. Es decir, mi_peso y mi_Peso son consideradas
2 variables diferentes.
Forma de tomar datos a través del teclado:
- Cuando se utiliza esta función aparece en la pantalla
una ventana con un espacio para poder ingresar el
valor deseado y un botón aceptar para que la
información sea guardada.
variable=prompt(“mensaje”, valor_inicial);
nombre=prompt(“Introduzca su nombre”, “”);
Cuando se utiliza la instrucción prompt el valor introducido, se
recogerá siempre como texto. Por lo tanto, si el dato
introducido es un número y no queremos que se trate como
texto, sino como número para poder operar con él, debemos
de utilizar la función ParseInt de la siguiente manera:
numero=parseInt(prompt(“Introduzca su numero”, “”));
Tipos de operadores:
o Operadores aritméticos:
Operador suma: +
Operador resta: -
Operador multiplicación: *
Operador división: /
Operador resto de una división: %
o Operadores relacionales:
> : mayor que
>= : mayor o igual que
< : menor que
<= : menor o igual que
== : igual que
!= : distinto que
o Operadores lógicos:
&& : y
|| : 0
! : Negación
cond1 && cond2 Resultado
V && V V
V && F F
F && V F
F && F F
cond1 || cond2 Resultado
V || V V
V || F V
F || V V
F || F F
cond !cond
V F
F V
Forma de mostrar texto por pantalla:
[Link](“Texto a imprimir”);
Para concatenar texto con contenidos de variables podremos
utilizar el operador + ó ,
edad=18;
[Link]( “La edad de Juan es “, edad);
[Link]( “La edad de Juan es “+ edad);
Mostrar texto a través de una ventana de alerta:
alert(“Hola a todos y mucha suerte”);
Con alert, para mostrar texto con contenido de variables, sólo
podemos utilizar el operador de concatenación +
nom=”Elena García Paredes”;
[Link](“Mi nombre es “, nom , “ y soy profesora de ciclos”);
[Link](“Mi nombre es “+ nom + “ y soy profesora de ciclos”);
alert (“Mi nombre es “+ nom +“ y soy profesora de ciclos”);
ESTRUCTURA CONDICIONAL
if(condición)
instrucción1;
__________________________________________
if(condición) {
instrucción1;
}
if(condición){
instrucción1;
instrucción2;
instrucción3;
…..
}
if(condición)
instrucción1;
else
instrucción2;
if(condición){
instrucción1;
}else{
instrucción2;
}
if(condición){
instrucción1;
instrucción2;
instrucción3;
…..
}
else{
instrucción4;
instrucción5;
instrucción6;
…..
}
