![Page 1: JAVASCRIPT ING.IVAN PETRLIK AZABACHE. Javascript Javascript es un código interpretado cuya finalidad es darle mayor interactividad a nuestras paginas](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022081501/5665b4af1a28abb57c93380d/html5/thumbnails/26.jpg)
DEFINICION DEL EVENTO DEL BOTON
EJEMPLO :
<input type=“button” value=“ok” onclick=“metodo()”/>