0

Não estou conseguindo executar um exercício transição. Tenho as img de lâmpada apagada e outra acesa e uma quebrada! Até a acessa eu consegui, mas quando é pa, quebrar o código não funciona!

Eis aqui código​ fonte:

<!DOCTYPE  html>
<html>
<head>
    <title>teste javascript </title>
    <meta charset="UTF-8"/>
    <script>
    function acendeLampada(){
    document.getElementById("Luz").src = "_imagens/Lampada-acesa.jpg ";
    }
    function apagaLampada() {
    document.getElementById("Luz").src = " _imagens/Lampada-apagada.jpg ";
    }
    function quebraLampada() {
    }
    document.getElementById("Luz").src = "_imagens/lampada-quebrada.jpg ";
    </script>
</head>
<body>
<h1> Acenda a lâmpada</h1>
<img src="_imagens/Lampada-apagada.jpg" id="Luz" onmousemove="acendeLampada()" onmouseout=" apagaLampada()" onclick="quebra-Lampada()"/>
</body>
</html> 
4
  • 1
    Cadê o evento onclick?
    – Sam
    Commented 28/10/2017 às 20:14
  • 1
    to aprendendo ainda a formular as perguntas. Commented 28/10/2017 às 20:27
  • Tranquilo. É um pouco complicado mesmo rs.
    – Sam
    Commented 28/10/2017 às 20:39
  • Bem-vindo Wellington Samuel, se alguma resposta resolveu seu problema marque-a como aceita, veja como e o porque em pt.meta.stackoverflow.com/questions/1078/…
    – user60252
    Commented 28/10/2017 às 21:02

2 Respostas 2

3

Têm basicamente 2 erros no seu código:

1. Ação fora da função:

function quebraLampada() {
    }
    document.getElementById("Luz").src = "_imagens/lampada-quebrada.jpg ";

Correto:

function quebraLampada() {
    document.getElementById("Luz").src = "_imagens/lampada-quebrada.jpg ";
}

2. Função inexistente na tag <img>:

onclick="quebra-Lampada()"

Correto:

onclick="quebraLampada()"

OUTROS PROBLEMAS:

Embora possa funcionar, não é uma boa prática deixar estes espaços em branco no início ou fim de sequências como:

" _imagens/Lampada-apagada.jpg "; RUIM
"_imagens/Lampada-apagada.jpg"; BOM
2
  • DvD valew mano vc é foda tambm cara eu nao tinha percebido tao obvio neh eu coloque fora dos colchetes depois so coloquei lá ai lampada quebrou quando cliquei man muito obrigado Commented 28/10/2017 às 20:53
  • @WellingtonSamuel Valeu cara! Não esqueça de marcar a resposta pra não ficar "solta" por aí! ;)
    – Sam
    Commented 28/10/2017 às 23:49
2

Pelo que percebi, sua função quebraLampada esta com abrindo e fechando o {} na posição errada!

ERRADO

function quebraLampada() {
}

document.getElementById("Luz").src = "_imagens/lampada-quebrada.jpg ";

CERTO

function quebraLampada() {
 document.getElementById("Luz").src = "_imagens/lampada-quebrada.jpg ";
}
1
  • 1
    muiiito obrigadoo cara vc é fodao cara! vlw mesmo deu certo Commented 28/10/2017 às 20:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .