Eventos

No html

<head>
        <title>Eventos JavaScript</title>
	<link rel="stylesheet" type="text/css" href="/static/css/style-jS-eventos4.css"/>

        <style type = "text/css" >
	    body { background-color:#000 }
	    #ada { display: block; margin: 20px auto; }
        </style >
	
	  <script type="text/javascript" >
		  function ligar() {
		  document.getElementById ("ada").src= "img/lampada2_on.jpg";
		  }
	   </script >
 </head >
 
 <body >
     <div id= "imagem" >
           <img id="ada" onclick= "ligar();"
	       src= "img/lampada_off.jpg" / >