Exercici1 Events

De wikiserver
La revisió el 19:52, 9 gen 2014 per Asalinas (Discussió | contribucions) (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…».)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
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");};
}