Upload
concepcion-aguilar-luna
View
235
Download
1
Embed Size (px)
Citation preview
JAVASCRIPT
ING.IVAN PETRLIK AZABACHE
Javascript
• Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas web(HTML)
USO DE SCRIPTLET EN JAVASCRIPT
• SINTAXIS:
<script>
</script>
Abrir
Cerrar
EJEMPLOS DE IMPLEMENTACION DE SCRIPTLET PARA JAVASCRIPT
Aqui podemos
colocar el Scriptlet principal
EJEMPLOS DE IMPLEMENTACION DE SCRIPTLET PARA JAVASCRIPT
DEFINICION DE VARIABLES
Ejemplo :
ESTRUCTURAS DE CONTROL
La sentencia if
if ( Condición ){
}
ESTRUCTURAS DE CONTROL
EJEMPLO :<script> var edad=15;
if(edad>=18) { alert(“Es Mayor de Edad“); }</script>
ESTRUCTURAS DE CONTROL
La sentencia if- else
if ( Condición ){
}else{
}
ESTRUCTURAS DE CONTROL
EJEMPLO :<script> var num1=78,num2=45 ; if(num1>num2) { alert(num1); } else { alert(num2); }</script>
ESTRUCTURAS DE CONTROL
La sentencia if –else-if-else …….if ( Condición ){}else{ if ( Condición ) { } else { ………………. N veces }}
ESTRUCTURAS DE CONTROL
La sentencia switch. .switch ( Expresión )
{
case Valor 1: Instrucción o bloque de instrucciones;[break;]
case Valor 2: Instrucción o bloque de instrucciones;[break;]
case Valor 3: Instrucción o bloque de instrucciones;[break;]
case Valor N: Instrucción o bloque de instrucciones;[break;]
[default:]Instrucción o bloque de instrucciones;
}
ESTRUCTURAS DE CONTROL
La sentencia switch. .<script>
var dia=2;
var mensaje=“”;
switch ( dia )
{
case 1: { mensaje=“Lunes”; break;}
case 2: { mensaje=“Lunes” ;break;}
case 3: { mensaje=“Lunes” ;break;}
case 4: { mensaje=“Lunes” ;break;}
default : { mensaje=“Error”;}
}
alert(mensaje);
</script>
ESTRUCTURAS DE CONTROL
La sentencia while.
while ( Condición ){ }
ESTRUCTURAS DE CONTROL
EJEMPLO .<script> var num=0 ;
while(num<=10) { alert(num); num=num+1; }</script>
ESTRUCTURAS DE CONTROL
La sentencia Do - while.
do{
}while ( Condición );
ESTRUCTURAS DE CONTROL
<script>var num=0 ; do{ alert(num); num=num+1; } while(num<=10) ;</script>
ESTRUCTURAS DE CONTROL
La sentencia For.
for(var i=1 ; i<=10 ; i++)
{
alert(i);
}
ESTRUCTURAS DE CONTROL
La sentencia if.
La sentencia if tiene la forma :if ( Condición ){
}else{
}
ESTRUCTURAS DE CONTROL
La sentencia if.
La sentencia if tiene la forma :if ( Condición ){
}else{
}
TIPOS DE METODOS
Métodos que no retornan valor
<script> function nombremetodo(<parametros>)
{
}
</script>
TIPOS DE METODOS
Métodos que no retornan valorEjemplo :
<script> function calcularPromedio(a,b,c,d)
{ var promedio;
promedio=(a+b+c+d)/4;
alert(“El promedio es :“+promedio);
}
</script>
TIPOS DE METODOS
Métodos que retornan valor
<script> function nombremetodo(<parametros>)
{
return valor;
}
</script>
TIPOS DE METODOS
Métodos que retornan valorEjemplo :
<script>
function calcularPromedio(numfact)
{ var fact=1;
for(var i=0;i<=numfact;i++)
{ fact=fact*i;
}
return valor;
}
</script>
DEFINICION DEL EVENTO DEL BOTON
Evento Descripcion
onClick Se produce cuando se hace clic en un elemento del formulario o un enlace hipertexto. Se aplica tanto a la marca INPUT TYPE="button,checkbox,radio" como a la marca
DEFINICION DEL EVENTO DEL BOTON
EJEMPLO :
<input type=“button” value=“ok” onclick=“metodo()”/>