sábado, 30 de enero de 2016

Ejercicios sobre Eventos

Resolver los siguientes ejercicios sobre Eventos en JavaScript.
Del contenido del capítulo JS Events W3Schools.

Ejercicio 1. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Eventos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El elemento <i>&lt;p&gt;</i> debe de hacer algo cuando pulses en él.</h2>
<p onclick="this.innerHTML='¡BUEN TRABAJO!'">Púlsame.</p>
</body>
</html>


Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Eventos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Al pulsar el botón se debe desencadenar la función.</h2>
<button onclick="myFunction()">Púlsame</button>
<p id="demo"></p> 
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "¡Hola Mundo!";
}
</script>
</body>
</html>


Ejercicio 3. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicios sobre Eventos en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>El elemento <i>&lt;span&gt;</i> debe de hacer algo cuando pases el ratón sobre él.</h2>
<span onmouseOver="this.style.color='red'">¡Ratón sobre mí!</span>
</body>
</html>

No hay comentarios:

Publicar un comentario