Diferència entre revisions de la pàgina «Exercici1 Events»

De wikiserver
Dreceres ràpides: navegació, cerca
(Es crea la pàgina amb «Exercici Events. Pàgina web: <pre> <HTML> <HEAD> <TITLE> EXERCICI 1 </TITLE> <script src="exercici1.js"></script> </HEAD> <!-- esto es un comentario --> <BODY> <b…».)
(Cap diferència)

Revisió del 19:52, 9 gen 2014

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");};
}