Exercici1 Events
De wikiserver
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");};
}
