Escriba un código JavaScript que encienda y apague la bombilla.
Sintaxis:
img src = URl
or
img src = image_name.jpg
Aquí la propiedad src establece o devuelve el valor del atributo src de una imagen. El atributo src requerido especifica la URL de una imagen.
Se utilizan dos estados de la bombilla que se especifican
a continuación : Estado inicial de la bombilla (ESTADO APAGADO):
Después de hacer clic en la bombilla (EN ESTADO):
Código JavaScript para ilustrar este tema:
<html>
<body>
<!-- onclick event is generated
and it calls turnOnOff function -->
<!-- OFFbulb.jpg is the turn off bulb image -->
<img id="Image" onclick="turnOnOff()"
src="https://media.geeksforgeeks.org/wp-content/uploads/OFFbulb.jpg">
<p>Click on the bulb to turn it ON and OFF</p>
<script>
// implementation of turnOnOff function -->
function turnOnOff()
// taking image in image variable
var image = document.getElementById('Image');
//Match the image name
//whether it is ONbulb or OFFbulb
//change image to OFFbulb.jpg if
//it match with ONbulb otherwise
//change it to ONbulb.jpg -->
if (image.src.match("ONbulb"))
image.src = "https://media.geeksforgeeks.org/
wp-content/uploads/OFFbulb.jpg";
else
image.src = "https://media.geeksforgeeks.org/
wp-content/uploads/ONbulb.jpg";
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en la bombilla- 
Después de hacer clic en la bombilla-
Publicación traducida automáticamente
Artículo escrito por Naman_Garg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA