Criar um evento JavaScript

clique aqui

Procedimentos para criar um Evento

<head>
	<title>JavaScript Variáveis Aula05 </title>

		<link rel="stylesheet" type="text/css" href="/static/css/style_javaScrip.css" / >

	 <style type = "text/css" >
		 body { background-color:#000 }
		     #xti { display: block; margin: 20px auto; }
	 </style >

	   <script type="text/javascript" >
	  function ligar() {
	  document.getElementById("xti").src = "img/lampada2_on.jpg";
	  }

	  </script >
 </head >
<body >


 <center > <h4 >clique aqui </h4 > </center>
      <img id="xti" onclick= "ligar();" 
	 src= "img/lampada_off.jpg" / >

</body>
</html>