Está en la página 1de 2

24/5/2020 Interactividad usando JavaScript: Lección 1: Qué es JavaScript: Actividad 1

Lección 1: Qué es JavaScript

Lección 1: Qué es JavaScript


Actividad 1

Tiempo de pensar

Ya conociste la sintaxis y semántica de JavaScript a través de los objetos window,


navigator y document; adicionalmente, viste el manejo de las funciones para la
reutilización de código.

De acuerdo a lo que aprendiste sobre las funciones que se ejecutan cuando


sucede algo en la página, como un click o presionar una tecla, relaciona las
opciones de código de la columna izquierda y las funciones de la característica
“document” de JavaScript, de la columna derecha.

Correcto
 ¡Qué bien! Has relacionado correctamente los códigos a las funciones de la característica
JavaScript, llamada “document”.

En las líneas de código se le dice al DOM que debe escuchar el evento click y ejecutar
una función siempre que se suceda.

Para ver la imagen completa, haz scroll.


Markup
1 DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>JavaScript</title>
6 </head>
7 <body>
8 <script type="text/javascript">
https://learn.nextu.com/mod/lesson/view.php?id=5566&pageid=24716&pid=P_WEBDEV_V2 1/2
24/5/2020 Interactividad usando JavaScript: Lección 1: Qué es JavaScript: Actividad 1

9 document.addEventListener('click',function(){
10 alert('Se ha realizado un click en el docume
Lección
11 1: Qué es JavaScript
});
12 </script>
13 </body>
14 </html>

De ne una función (function) usando unas llaves entre las cuales se escribe la acción a
realizar.

1 function Alertar(){ JavaScript


2 alert('Mensaje de alerta');
3 }

En este código “function” está llamando a una acción pero, además, está asignada a un
evento de click.

1 function Alertar(){ JavaScript


2 alert('Mensaje de alerta');
3 }
4 document.addEventListener('click',Alertar);

https://learn.nextu.com/mod/lesson/view.php?id=5566&pageid=24716&pid=P_WEBDEV_V2 2/2

También podría gustarte