Hola. Tengo dos imagenes una de un bombilla encendida y otra apagada. Quiero cambiar entre una y otra con un click como si fuera un interruptor. He probado con este código pero no funciona. No sé qué es lo que está mal:
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript01</title>
</head>
<body>
<img id="bombilla" onclick="changeImg()" src="off.gif">
<script>
function changeImg() {
var imagen = document.getElementById('bombilla');
if (imagen.src == "on.gif") {
imagen.src = "off.gif";
} else {
imagen.src = "on.gif";
}
}
</script>
</body>
</html>