SlideShare una empresa de Scribd logo
1 de 13
Descargar para leer sin conexión
JavaScript
José Baldomero Silva Hernández
josesilvauptp@gmail.com
https://t.me/Jobasiher2
Programación II POT2312
Es el lenguaje de
programación encargado
de dotar de mayor
interactividad y dinamismo
a las páginas web.
01
¿Qué es JavaScript?
El código JavaScript, en la
mayoría de los casos, se
mezcla con el propio
código HTML para generar
la página.
02
Maneras de escribir
scripts JavaScript
Ejecución directa
Es el método de ejecutar
scripts más básico. En este
caso se incluyen las
instrucciones dentro de la
etiqueta <script> .
Ejemplo
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo ejecución directa</title>
</head>
<body>
<h1>Página con Javascript</h1>
<p>Esta página tiene un cuadro de diálogo, que se
mostrará nada más el navegador la procese.</p>
<script>
var personas = 4;
var importeEntradas = 3500000;
alert('Necesitas ' + personas * importeEntradas + '
Bs. para que entren todos al cine');
</script>
<p>Cuando el usuario pulse aceptar en el cuadro de
diálogo, el navegador mostrará la página completa.</p>
</body>
</html>
Maneras de escribir
scripts JavaScript
Respuesta a evento
Atributos que se colocan
dentro de la etiqueta que
queremos que responda a las
acciones del usuario.
Ejemplo
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo pasar ratón por encima</title>
</head>
<body>
<h1>Ejemplo Javascript</h1>
<span id="mielemento">Pasa el ratón por
aquí</span>
<script>
var pasadas = 0;
function anunciarPasadas() {
pasadas = pasadas + 1;
alert('Has pasado el ratón encima ' + pasadas + '
veces');
}
document.getElementById('mielemento').addEventListen
er('mouseenter', anunciarPasadas);
</script>
</body>
</html>
<script>
//Este es un comentario
de una línea
/*Este comentario se
puede extender
por varias líneas.
Las que quieras*/
</script>
Comentarios en el
código
En JavaScript se han de
respetar las mayúsculas
y las minúsculas.
No es lo mismo la
función alert() que la
función Alert().
Mayúsculas y
minúsculas
es a través del carácter
punto y coma (;)
var input;
if (input == undefined)
{
doThis();
} else
{
doThat();
}
Separación de
instrucciones
Sintaxis
JavaScript tiene una sintaxis
muy parecida a la de Java
Declaraciones en JavaScript
const
Declara un nombre de
constante de solo lectura y
ámbito de bloque.
Variables globales
<script>
var variableGlobal
</script>
Variables locales
<script>
function miFuncion ()
{
var variableLocal
}
</script>
var
Declara una variable,
opcionalmente la inicia a un
valor.
let
Declara una variable local
con ámbito de bloque,
opcionalmente la inicia a un
valor.
Tipos de datos
true y false
Booleano
Una secuencia de caracteres que
representan un valor de texto.
String
Un número entero o un número con
coma flotante.
Number
Un valor nulo
null
Un número entero con precisión
arbitraria.
BigInt
Operadores
Operadores de asignación
= Asignación.
+= Asignación con suma.
-= Asignación con resta
*= Asignación de la multiplicación
/= Asignación de la división
%= Se obtiene el resto y se
asigna
Operadores lógicos
! Operador NO o negación.
&& Operador Y.
|| Operador O.
Operadores aritméticos
+ Suma de dos valores
- Resta de dos valores
* Multiplicación de dos valores
/ División de dos valores
% El resto de la división de
dos números
++ Incremento en una unidad
-- Decremento en una unidad
Operadores de cadenas
+ Concatena dos cadenas
Operadores condicionales
== Comprueba si son iguales
!= Comprueba si dos son distintos
> Mayor que
< Menor que
>= Mayor igual
<= Menor igual
Estructuras de Control
If
Switch
For
W
hile
while (condition){
statement;
}
while
switch (expression) {
case label_1: statements_1; break;
case label_2: statements_2; break;
}
switch
if (condition) { statement_1; }
else { statement_2; }
if...else
for ([expresiónInicial]; [expresiónCondicional];
[expresiónDeActualización])
{ statement; }
for
101001101001000010101
0011110111011011011010
101000011100101011001
010100111010100010101
0001011010110110110100
010101110001010100010
1000101110101100010011
010011010010000101010
0111101110110110110101
010000111001010110010
101001110101000101010
0010110101101101101001
unciones
F
Una función se debe definir con una sintaxis especial
Las funciones son uno de los bloques de
construcción fundamentales en JavaScript.
Una función en JavaScript es similar a un
procedimiento. Un conjunto de instrucciones
que realiza una tarea o calcula un valor.
function nombrefuncion()
{
instrucciones de la función;
}
function escribirBienvenida()
{
document.write("<H1>Hola a todos</H1>")
}
escribirBienvenida()
Ejemplo
Funciones
Objetos incorporados
POO
Clases
para realizar funciones
matemáticas.
Math
para el trabajo con cadenas de caracteres
String
para realizar algunas cosas con números
Number
para el trabajo con fechas.
Date
Las clases se
escriben con la
primera letra en
mayúsculas.
Tiene que quedar
claro que una
clase es una
especie de
"declaración de
características y
funcionalidades"
de los objetos.
Las clases que
se encuentran
disponibles de
manera nativa en
Javascript
POO
JavaScript
JavaScript

Más contenido relacionado

La actualidad más candente

Practicawebdelasesion3
Practicawebdelasesion3Practicawebdelasesion3
Practicawebdelasesion3Humberto1998
 
Aplicación de apuntadores watch
Aplicación de apuntadores watchAplicación de apuntadores watch
Aplicación de apuntadores watchAndrés Montenegro
 
Parámetros en shell script
Parámetros en shell scriptParámetros en shell script
Parámetros en shell scriptPablo Macon
 
Entrada y salida de datos en c
Entrada y salida de datos en cEntrada y salida de datos en c
Entrada y salida de datos en cDenisse C
 
Practicawebsesion3
Practicawebsesion3Practicawebsesion3
Practicawebsesion3pacovar
 
Operaciones entre cadenas y valores numéricos en lenguaje C
Operaciones entre cadenas y valores numéricos en lenguaje COperaciones entre cadenas y valores numéricos en lenguaje C
Operaciones entre cadenas y valores numéricos en lenguaje CDenisse C
 
Primeros Programas Shell Script
Primeros Programas Shell ScriptPrimeros Programas Shell Script
Primeros Programas Shell ScriptPablo Macon
 
Gotoxy
GotoxyGotoxy
GotoxyGioc
 
While Shell Script
While  Shell ScriptWhile  Shell Script
While Shell ScriptPablo Macon
 
La estructura basica_para_c_
La estructura basica_para_c_La estructura basica_para_c_
La estructura basica_para_c_GamePlayer35
 

La actualidad más candente (19)

Javascript
JavascriptJavascript
Javascript
 
Practicawebdelasesion3
Practicawebdelasesion3Practicawebdelasesion3
Practicawebdelasesion3
 
Aplicación de apuntadores watch
Aplicación de apuntadores watchAplicación de apuntadores watch
Aplicación de apuntadores watch
 
Clase09 java script
Clase09 java scriptClase09 java script
Clase09 java script
 
Php1
Php1Php1
Php1
 
Parámetros en shell script
Parámetros en shell scriptParámetros en shell script
Parámetros en shell script
 
Twig
TwigTwig
Twig
 
Entrada y salida de datos en c
Entrada y salida de datos en cEntrada y salida de datos en c
Entrada y salida de datos en c
 
Practicawebsesion3
Practicawebsesion3Practicawebsesion3
Practicawebsesion3
 
Operaciones entre cadenas y valores numéricos en lenguaje C
Operaciones entre cadenas y valores numéricos en lenguaje COperaciones entre cadenas y valores numéricos en lenguaje C
Operaciones entre cadenas y valores numéricos en lenguaje C
 
Misael
MisaelMisael
Misael
 
Java script operaciones
Java script operacionesJava script operaciones
Java script operaciones
 
Primeros Programas Shell Script
Primeros Programas Shell ScriptPrimeros Programas Shell Script
Primeros Programas Shell Script
 
Gotoxy
GotoxyGotoxy
Gotoxy
 
While Shell Script
While  Shell ScriptWhile  Shell Script
While Shell Script
 
Variables
VariablesVariables
Variables
 
La estructura basica_para_c_
La estructura basica_para_c_La estructura basica_para_c_
La estructura basica_para_c_
 
Estructuras de Control Repetitivo
Estructuras de Control RepetitivoEstructuras de Control Repetitivo
Estructuras de Control Repetitivo
 
Funciones PHP
Funciones PHPFunciones PHP
Funciones PHP
 

Similar a JavaScript

Javascript 1
Javascript 1Javascript 1
Javascript 1Juan C
 
Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas) Roberto Mejia
 
Introducción a la Programación en Javascript. Clase 1
Introducción a la Programación en Javascript. Clase 1Introducción a la Programación en Javascript. Clase 1
Introducción a la Programación en Javascript. Clase 1xjordi
 
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...David Zapateria Besteiro
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de'Felipe Lozada
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de'Felipe Lozada
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de'Felipe Lozada
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de'Felipe Lozada
 
Introducción a PHP - Programador PHP - UGR
Introducción a PHP - Programador PHP - UGRIntroducción a PHP - Programador PHP - UGR
Introducción a PHP - Programador PHP - UGRJuan Belón Pérez
 

Similar a JavaScript (20)

Javascript 1
Javascript 1Javascript 1
Javascript 1
 
Java script(diapositivas)
Java script(diapositivas) Java script(diapositivas)
Java script(diapositivas)
 
Diapo04
Diapo04Diapo04
Diapo04
 
34655909 javascript
34655909 javascript34655909 javascript
34655909 javascript
 
Introducción a la Programación en Javascript. Clase 1
Introducción a la Programación en Javascript. Clase 1Introducción a la Programación en Javascript. Clase 1
Introducción a la Programación en Javascript. Clase 1
 
Presentación JavaScript
Presentación JavaScriptPresentación JavaScript
Presentación JavaScript
 
Manual basico de PHP
Manual basico de PHPManual basico de PHP
Manual basico de PHP
 
Php informacion
Php informacion Php informacion
Php informacion
 
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
Javascript Módulo 5 - javascript sentencia, expresión, variable, función - Un...
 
Php
PhpPhp
Php
 
Guía JavaScript
Guía JavaScriptGuía JavaScript
Guía JavaScript
 
Guia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt GudeGuia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt Gude
 
Mini manual php
Mini manual phpMini manual php
Mini manual php
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Java
JavaJava
Java
 
Manual de php basico
Manual de php basicoManual de php basico
Manual de php basico
 
Introducción a PHP - Programador PHP - UGR
Introducción a PHP - Programador PHP - UGRIntroducción a PHP - Programador PHP - UGR
Introducción a PHP - Programador PHP - UGR
 

Último

BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 

Último (20)

BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 

JavaScript

  • 1. JavaScript José Baldomero Silva Hernández josesilvauptp@gmail.com https://t.me/Jobasiher2 Programación II POT2312
  • 2. Es el lenguaje de programación encargado de dotar de mayor interactividad y dinamismo a las páginas web. 01 ¿Qué es JavaScript? El código JavaScript, en la mayoría de los casos, se mezcla con el propio código HTML para generar la página. 02
  • 3. Maneras de escribir scripts JavaScript Ejecución directa Es el método de ejecutar scripts más básico. En este caso se incluyen las instrucciones dentro de la etiqueta <script> . Ejemplo <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Ejemplo ejecución directa</title> </head> <body> <h1>Página con Javascript</h1> <p>Esta página tiene un cuadro de diálogo, que se mostrará nada más el navegador la procese.</p> <script> var personas = 4; var importeEntradas = 3500000; alert('Necesitas ' + personas * importeEntradas + ' Bs. para que entren todos al cine'); </script> <p>Cuando el usuario pulse aceptar en el cuadro de diálogo, el navegador mostrará la página completa.</p> </body> </html>
  • 4. Maneras de escribir scripts JavaScript Respuesta a evento Atributos que se colocan dentro de la etiqueta que queremos que responda a las acciones del usuario. Ejemplo <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Ejemplo pasar ratón por encima</title> </head> <body> <h1>Ejemplo Javascript</h1> <span id="mielemento">Pasa el ratón por aquí</span> <script> var pasadas = 0; function anunciarPasadas() { pasadas = pasadas + 1; alert('Has pasado el ratón encima ' + pasadas + ' veces'); } document.getElementById('mielemento').addEventListen er('mouseenter', anunciarPasadas); </script> </body> </html>
  • 5. <script> //Este es un comentario de una línea /*Este comentario se puede extender por varias líneas. Las que quieras*/ </script> Comentarios en el código En JavaScript se han de respetar las mayúsculas y las minúsculas. No es lo mismo la función alert() que la función Alert(). Mayúsculas y minúsculas es a través del carácter punto y coma (;) var input; if (input == undefined) { doThis(); } else { doThat(); } Separación de instrucciones Sintaxis JavaScript tiene una sintaxis muy parecida a la de Java
  • 6. Declaraciones en JavaScript const Declara un nombre de constante de solo lectura y ámbito de bloque. Variables globales <script> var variableGlobal </script> Variables locales <script> function miFuncion () { var variableLocal } </script> var Declara una variable, opcionalmente la inicia a un valor. let Declara una variable local con ámbito de bloque, opcionalmente la inicia a un valor.
  • 7. Tipos de datos true y false Booleano Una secuencia de caracteres que representan un valor de texto. String Un número entero o un número con coma flotante. Number Un valor nulo null Un número entero con precisión arbitraria. BigInt
  • 8. Operadores Operadores de asignación = Asignación. += Asignación con suma. -= Asignación con resta *= Asignación de la multiplicación /= Asignación de la división %= Se obtiene el resto y se asigna Operadores lógicos ! Operador NO o negación. && Operador Y. || Operador O. Operadores aritméticos + Suma de dos valores - Resta de dos valores * Multiplicación de dos valores / División de dos valores % El resto de la división de dos números ++ Incremento en una unidad -- Decremento en una unidad Operadores de cadenas + Concatena dos cadenas Operadores condicionales == Comprueba si son iguales != Comprueba si dos son distintos > Mayor que < Menor que >= Mayor igual <= Menor igual
  • 9. Estructuras de Control If Switch For W hile while (condition){ statement; } while switch (expression) { case label_1: statements_1; break; case label_2: statements_2; break; } switch if (condition) { statement_1; } else { statement_2; } if...else for ([expresiónInicial]; [expresiónCondicional]; [expresiónDeActualización]) { statement; } for
  • 10. 101001101001000010101 0011110111011011011010 101000011100101011001 010100111010100010101 0001011010110110110100 010101110001010100010 1000101110101100010011 010011010010000101010 0111101110110110110101 010000111001010110010 101001110101000101010 0010110101101101101001 unciones F Una función se debe definir con una sintaxis especial Las funciones son uno de los bloques de construcción fundamentales en JavaScript. Una función en JavaScript es similar a un procedimiento. Un conjunto de instrucciones que realiza una tarea o calcula un valor. function nombrefuncion() { instrucciones de la función; } function escribirBienvenida() { document.write("<H1>Hola a todos</H1>") } escribirBienvenida() Ejemplo Funciones
  • 11. Objetos incorporados POO Clases para realizar funciones matemáticas. Math para el trabajo con cadenas de caracteres String para realizar algunas cosas con números Number para el trabajo con fechas. Date Las clases se escriben con la primera letra en mayúsculas. Tiene que quedar claro que una clase es una especie de "declaración de características y funcionalidades" de los objetos. Las clases que se encuentran disponibles de manera nativa en Javascript POO