Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

amn321a

Lampada on , off

Por , em Javascript

Recommended Posts

amn321a    0

amn321a
Postado

Bom dia sou iniciante de Js , e estou com uma duvida. criei um js para treinar, que faz uma lampada acender, porem nao estou conseguindo fazer ela se apagar, segue o código:

 

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>JavaScript - Lampada</title>
		<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 ="images/on.png";
			}
		</script>
    </head>

	<body>
    	<img id="xti" onClick="ligar();"  src="images/off.png" />
    </body>
</html>

 

Tentei criar uma função desliga com 2 onClicks porem não funcionou,

tenho que criar um if para isso funcionar?

Alguém pode me ajudar a quando eu clicar na lampada acesa ela se apagar?

 

Obrigado a todos !

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

isso mesmo. Só faltou o if:

function ligar() {
	var xti = document.getElementById("xti");
        if( xti.src=="images/on.png" )
              xti.src='images/off.png';
        else
              xti.src='images/on.png';
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito