Erro em JavaScript

02/09/2019

Algu�m me ajuda nesse c�digo de JavaScript. O objetivo � fazer uma l�mpada acender, passando o seta do mouse na figura, apagar tirando a seta mouse da figura
quebrar a l�mpada quando clica na figura e faze-la permanecer quebrada. S� que por algum motivo ao inv�s da lampada quebrar quando eu clico, ela continua acesa permanentemente .

 <!DOCTYPE html>
<html lang "pt-br">
<head>
	<title>Teste JavaScript</title>
	<meta charset="utf-8">
	<script type="text/javascript">
    var quebrada = false;
		function mudaLampada(tipo) {
			if (tipo == 1) {
				arquivo = "_imagens/lampada-acesa.jpg";
			}
			if (tipo == 2) {
				arquivo = "_imagens/lampada-apagada.jpg";
			}

			if (tipo == 3) {
				arquivo = "_imagens/lampada-quebrada.jpg";
        quebrada = true;
			}
      
      if (!quebrada) {
		    document.getElementById("Luz").src = arquivo;
      }
		}
		
	</script>
</head>
<body>
	<h1>Ascenda a L�mpada</h1>
	<img src=_imagens/lampada-apagada.jpg id='Luz' onmousemove="mudaLampada(1)" onmouseout="mudaLampada(2)" onclick="mudaLampada(3)">

Guilherme

Curtir t�pico + 0

Responder

Posts

02/09/2019

Sadasd

Seu problema � um erro de l�gica olhe bem:

 if (!quebrada) {
            document.getElementById("Luz").src = arquivo;
      }

No c�digo acima voc� diz que se o boolean quebrada for false voc� deve mudar a sua imagem para a l�mpada quebrada, mas no seu terceiro if(o qual representa a imagem da l�mpada quebrada) voc� muda o valor de quebrada para true, ou seja, cria uma condi��o na qual o c�digo dentro do quarto if n�o ser� executado. Abaixo uma solu��o vi�vel:

var quebrada = false;
        function mudaLampada(tipo) {
        if(!quebrada){
            switch(tipo) {
            case 1:
                document.getElementById("Luz").src = "_imagens/lampada-acesa.jpg";
                break;
            case 2:
                document.getElementById("Luz").src = "_imagens/lampada-apagada.jpg";
                break;
            case 3:
                document.getElementById("Luz").src = "_imagens/lampada-quebrada.jpg";
                quebrada = true;
                break;
                }
            }
        }

Responder

Gostei + 0