JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya...

26
JAVASCRIPT ING.IVAN PETRLIK AZABACHE

Transcript of JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya...

Page 1: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

JAVASCRIPT

ING.IVAN PETRLIK AZABACHE

Page 2: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

Javascript

• Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas web(HTML)

Page 3: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

USO DE SCRIPTLET EN JAVASCRIPT

• SINTAXIS:

<script>

</script>

Abrir

Cerrar

Page 4: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

EJEMPLOS DE IMPLEMENTACION DE SCRIPTLET PARA JAVASCRIPT

Aqui podemos

colocar el Scriptlet principal

Page 5: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

EJEMPLOS DE IMPLEMENTACION DE SCRIPTLET PARA JAVASCRIPT

Page 6: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

DEFINICION DE VARIABLES

Ejemplo :

Page 7: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia if

if ( Condición ){

}

Page 8: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

EJEMPLO :<script> var edad=15;

if(edad>=18) { alert(“Es Mayor de Edad“); }</script>

Page 9: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia if- else

if ( Condición ){

}else{

}

Page 10: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

EJEMPLO :<script> var num1=78,num2=45 ; if(num1>num2) { alert(num1); } else { alert(num2); }</script>

Page 11: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia if –else-if-else …….if ( Condición ){}else{ if ( Condición ) { } else { ………………. N veces }}

Page 12: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

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;

}

Page 13: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

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>

Page 14: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia while.

while ( Condición ){ }

Page 15: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

EJEMPLO .<script> var num=0 ;

while(num<=10) { alert(num); num=num+1; }</script>

Page 16: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia Do - while.

do{

}while ( Condición );

Page 17: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

<script>var num=0 ; do{ alert(num); num=num+1; } while(num<=10) ;</script>

Page 18: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia For.

for(var i=1 ; i<=10 ; i++)

{

alert(i);

}

Page 19: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia if.

La sentencia if tiene la forma :if ( Condición ){

}else{

}

Page 20: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

ESTRUCTURAS DE CONTROL

La sentencia if.

La sentencia if tiene la forma :if ( Condición ){

}else{

}

Page 21: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

TIPOS DE METODOS

Métodos que no retornan valor

<script> function nombremetodo(<parametros>)

{

}

</script>

Page 22: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

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>

Page 23: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

TIPOS DE METODOS

Métodos que retornan valor

<script> function nombremetodo(<parametros>)

{

return valor;

}

</script>

Page 24: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

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>

Page 25: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

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

Page 26: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas.

DEFINICION DEL EVENTO DEL BOTON

EJEMPLO :

<input type=“button” value=“ok” onclick=“metodo()”/>