Publicado em 3 de ago.

Apagar lampada

olá galera!

estou começando a aprender javascript, Tem uma pagina que tem uma foto de uma lampada apagada, Quando eu clico nela ela ascende.

Como faço para apagar ela novamente?

function ligar() {
document.getElementById("liga").src="img/ligada.jpg";
}

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Andrew Marques· 4 de ago.

Quando clicar na lampada você deve mudar a propiedade "onCLick" da imagem...

Exemplo:

<script type="text/javascript">
function ligar(){
	document.getElementById("liga").src="img/ligada.jpg";
	document.getElementById("liga").setAttribute('onclick', 'desligar()');
}
function desligar(){
	document.getElementById("liga").src="img/desligada.jpg";
	document.getElementById("liga").setAttribute('onclick', 'ligar()');
}
</script>

Espero ter ajudado!

Raphael Barros· 7 de ago.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

	<script type="text/javascript">

 jQuery(function(){

 jQuery('#liga').click(function(){

 var img = jQuery(this).attr('src');

 if(img == 'img/ligada.jpg')

 src = 'img/apagada.jpg' ;

 else

 src = 'img/ligada.jpg' ;

 

 jQuery(this).attr('src' , src);

 })

 

 })

	</script>