onclick event does not work in chrome!

Question

onclick event does not work in chrome!

Navigation

#1 by (3 votes)
#2 by (2 votes)

1

I am not able to perform a transition exercise. I have the img of the lamp erased and another one lit and a ragged one! Until the access I did, but when it's pa, breaking the code does not work!

Here is the source code:

<!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>

javascript html5

asked by anonymous 28.10.2017 / 22:03

2 answers

2

As far as I can tell, its broken function is by opening and closing the {} in the wrong position!

WRONG

function quebraLampada() {
}

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

RIGHT

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

28.10.2017 / 22:24

Avoid submitting form by pressing the Enter key When and why to use: hover and onMouserOver and onMouseOut?

score 3 · Accepted Answer

There are basically 2 errors in your code:

1. Out of function action:

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

Correct:

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

2. Function not present in tag <img> :

onclick="quebra-Lampada()"

Correct:

onclick="quebraLampada()"