Vous êtes sur la page 1sur 3

Actividad

Desarrollador front-end [Nivel 2]


Lección 4 / Actividad 1
Nuevas funcionalidades

IMPORTANTE

Para resolver tu actividad, guárdala en tu computadora e imprímela.

Si lo deseas, puedes conservarla para consultas posteriores ya que te sirve


para reforzar tu aprendizaje. No es necesario que la envíes para su revisión.

Propósito de la actividad

Codificar en JavaScript para agregar animaciones en cualquier tipo de


páginas web.

Practica lo que aprendiste

I. De las siguientes secciones, señala dónde es más conveniente


colocar la referencia al archivo de JavaScript:

<html>

<head>

<title>My Trip Around the USA on a Segway</title>


<style>

</style>
</head>

<body>

</body>
Actividad

II. Relaciona cada acción con la parte de código que le corresponde


en JavaScript.

Clic <buton onmouseout=" alert('El botón


dejó de ser presionado');"> text
</buton>

Doble clic <buton onmouseover=" alert('El cursor


ya no está sobre el botón');"> text </
buton >

Quitar el cursor <buton ondblclic=" alert('Gracias por


pinchar');">Da doble clic aquí</ buton >

<buton onclic=" alert('Gracias por


Dejar de presionar un botón pinchar');"> text </ buton >

III. Del siguiente código en HTML y JavaScript, corrige los errores para
que la API de geolocalización pueda funcionar.

<!DOCTYPE html>
<html>
<head>
<title>Geolocation</title>
<meta name="viewport" content="initial-scale=1.0, user-
scalable=no">
<meta charset="utf-8"

<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}

#map {
height: 100%;

}
</style>
</head>
<body>
<div id="mapa"></div>
<script type="text/javascript" src="geolocalisation.JAVA">
</script>
Actividad

<script src= “https://maps.googleapis.com/maps/api/js?key=


AIzaSyAK1GzXH5pgW5GT5qPVquRXSAQ71c8eJZ8&signed_in=
true&callback=initMap” async defer>
</script>
</body>
</html>

Vous aimerez peut-être aussi