Exercici1 Events

De wikiserver
Dreceres ràpides: navegació, cerca

Exercici Events. Pàgina web:

<HTML>
<HEAD>
	<TITLE>
		EXERCICI 1
	</TITLE>
	<script src="exercici1.js"></script>
</HEAD>
<!-- esto es un comentario -->
<BODY>
	<button id="boton">Click</button>

	<p id="p1"> Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.</p>
	<img id="imagen" src="google.jpg" />
	<a href="#" id="enlace">esto es un enlace a la propia pagina</a>
</BODY>
</HTML>

Solució Javascript:

window.onload=function(){
	document.getElementById("boton").onclick=function(){alert("boton");};
	document.getElementById("p1").onmouseover=function(){alert("parrafo");};
	document.getElementById("imagen").onmouseover=function(){alert("imagen-in");};
	document.getElementById("imagen").onmouseout=function(){alert("imagen-out");};
	document.getElementById("enlace").onclick=function(){alert("enlace");};
}