Javascript Problemas com funções Java Script

[Rafael-cloud]

Boa noite pessoal, então, estou tentando aprender Desenvolvimento fazendo um projeto em umas vídeo aulas com o Gustavo Guanabara, até então eu tava indo bem, mas nessa aula simplesmente não acontece nada, eu quero mudar a lâmpada de cor e quebrar e que quando ela quebre, ela não retorne mais ao normal, segue o código:

 

 <script>

        var quebrada = false;

        function mudaLampada(tipo) {

            if (tipo == 1) {
                arquivo = "../../curso-html5-pacote01/projeto-glass-html5/_imagens/lampada-acesa.jpg";
            }

            if (tipo == 2) {
                arquivo = "./../curso-html5-pacote01/projeto-glass-html5/_imagens/lampada-apagada.jpg";
            }

            if (tipo == 3) {
                arquivo = "./../curso-html5-pacote01/projeto-glass-html5/_imagens/lampada-quebrada.jpg";
            }

            if (!quebrada) {
                document.getElementById("luz").src = arquivo;
                
                if( tipo == 3){
                    quebrada=true;
                }
            }


        }

    </script>

 

 

[DiF]

@Rafael-cloud Olá,  creio que falta coisa aí.

 

Não basta criar a função e não invoca-la. Pelo menos você não mostrou ela sendo usada.

Ademais, você pode usar o if  else if  else... não precisa usar 3 ifs separados.

 

var quebrada = false;

function mudaLampada(tipo) {
     if (tipo == 1) {
            arquivo = "lampada_acesa.png";
     }else if(tipo == 2){
            arquivo = "lampada_apagada.png";
     }else{
            arquivo = "lampada_quebrada.png";
     }


     if (!quebrada) {
          document.getElementById("luz").src = arquivo;
                
          if( tipo == 3){
               quebrada = true;
          }
     }
 }    

HTML:

<img id="luz" src="lampada_apagada.png">
<button onclick="mudaLampada(1)">Ligar Lâmpada</button>
<button onclick="mudaLampada(2)">Apagar Lâmpada</button>
<button onclick="mudaLampada(3)">Quebrar Lâmpada</button>

 

Veja funcionando o código: https://jsfiddle.net/dife/m8wgbo5j/13/