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>