Estou aprendendo a linguagem para aperfeiçoar meu conhecimento html, mas quando eu faço o codigo igual ao da aula que assisto pelo yutube, quando salvo e executo ele não atende a ultima function, acredito que seja por conta da versão do navegador, como sou principiante preciso de uma ajuda.
Segue código;
<DOCTYPE html>
<html lang="pt-br">
<head>
<title>Teste JavaScritp</title>
<meta charset="utf-8">
<script>
function acendeLampada(){
document.getElementById("luz").src = "_imagens/lampada-acesa.jpg"; /*document.getElementById, chama o id luz, para quando o mouse passar por cima a luz acende*/
}
function apagaLuz(){
document.getElementById("luz").src = "_imagens/lampada-apagada.jpg";
}
function quebraLampada(){
document.getElementById("luz").src = "_imagens/lampada-quebrada.jpg";
}
</script>
</head>
<body>
<h1> Acenda a Lampada</h1>
<img src="_imagens/lampada-apagada.jpg" id="luz"
onmousemove="acendeLampada()"
onmouseout="apagaLuz()"
onclick="quebraLampada()"/> <!--onmousedown esse no navegado quando funciona -->
Duvidas com o comando onclik
em Ajax, JavaScript, XML, DOM
Postado
Caros,
boa tarde,
Estou aprendendo a linguagem para aperfeiçoar meu conhecimento html, mas quando eu faço o codigo igual ao da aula que assisto pelo yutube, quando salvo e executo ele não atende a ultima function, acredito que seja por conta da versão do navegador, como sou principiante preciso de uma ajuda.
Segue código;
<DOCTYPE html>
<html lang="pt-br">
<head>
<title>Teste JavaScritp</title>
<meta charset="utf-8">
<script>
function acendeLampada(){
document.getElementById("luz").src = "_imagens/lampada-acesa.jpg"; /*document.getElementById, chama o id luz, para quando o mouse passar por cima a luz acende*/
}
function apagaLuz(){
document.getElementById("luz").src = "_imagens/lampada-apagada.jpg";
}
function quebraLampada(){
document.getElementById("luz").src = "_imagens/lampada-quebrada.jpg";
}
</script>
</head>
<body>
<h1> Acenda a Lampada</h1>
<img src="_imagens/lampada-apagada.jpg" id="luz"
onmousemove="acendeLampada()"
onmouseout="apagaLuz()"
onclick="quebraLampada()"/> <!--onmousedown esse no navegado quando funciona -->
</body>
</html>
Estou utilizando o chrome Versão 49.0.2623.87 m