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

Presentación del tema: "JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas."— Transcripción de la presentación:

1 JAVASCRIPT ING.IVAN PETRLIK AZABACHE

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

3 USO DE SCRIPTLET EN JAVASCRIPT SINTAXIS: Abrir Cerrar

4 EJEMPLOS DE IMPLEMENTACION DE SCRIPTLET PARA JAVASCRIPT Aqui podemos colocar el Scriptlet principal

5 EJEMPLOS DE IMPLEMENTACION DE SCRIPTLET PARA JAVASCRIPT

6 DEFINICION DE VARIABLES Ejemplo :

7 ESTRUCTURAS DE CONTROL La sentencia if if ( Condición ) { }

8 ESTRUCTURAS DE CONTROL EJEMPLO : var edad=15; if(edad>=18) { alert(“Es Mayor de Edad“); }

9 ESTRUCTURAS DE CONTROL La sentencia if- else if ( Condición ) { } else { }

10 ESTRUCTURAS DE CONTROL EJEMPLO : var num1=78,num2=45 ; if(num1>num2) { alert(num1); } else { alert(num2); }

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

12 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; }

13 ESTRUCTURAS DE CONTROL La sentencia switch.. 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);

14 ESTRUCTURAS DE CONTROL La sentencia while. while ( Condición ) { }

15 ESTRUCTURAS DE CONTROL EJEMPLO. var num=0 ; while(num<=10) { alert(num); num=num+1; }

16 ESTRUCTURAS DE CONTROL La sentencia Do - while. do { } while ( Condición );

17 ESTRUCTURAS DE CONTROL var num=0 ; do{ alert(num); num=num+1; } while(num<=10) ;

18 ESTRUCTURAS DE CONTROL La sentencia For. for(var i=1 ; i<=10 ; i++) { alert(i); }

19 ESTRUCTURAS DE CONTROL La sentencia if. La sentencia if tiene la forma : if ( Condición ){ }else { }

20 ESTRUCTURAS DE CONTROL La sentencia if. La sentencia if tiene la forma : if ( Condición ){ }else{ }

21 TIPOS DE METODOS Métodos que no retornan valor function nombremetodo( ) { }

22 TIPOS DE METODOS Métodos que no retornan valor Ejemplo : function calcularPromedio(a,b,c,d) { var promedio; promedio=(a+b+c+d)/4; alert(“El promedio es :“+promedio); }

23 TIPOS DE METODOS Métodos que retornan valor function nombremetodo( ) { return valor; }

24 TIPOS DE METODOS Métodos que retornan valor Ejemplo : function calcularPromedio(numfact) { var fact=1; for(var i=0;i<=numfact;i++) { fact=fact*i; } return valor; }

25 DEFINICION DEL EVENTO DEL BOTON EventoDescripcion onClickSe 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

26 DEFINICION DEL EVENTO DEL BOTON EJEMPLO :