Sunday, December 29, 2024
Google search engine
HomeLanguagesJavascriptTurn on or off bulb using JavaScript

Turn on or off bulb using JavaScript

Write a JavaScript code that turns the ON and OFF Light Bulb. We will define a function turnOnOff() that will change the bulb from ON to OFF and vice versa

Syntax:

<img src = "URl" onClick=turnOnOff()>

Example: In this example, we will write a code that changes the state of bulb from ON to OFF and vice-versa by clicking on the image of bulb.

HTML




<script>
    function turnOnOff() {
        var image=document.getElementById('Image');
        if(image.src.match("ONbulb"))
            image.src=
        else
            image.src=
    }
</script>
 
    <img id="Image"
          onclick="turnOnOff()"
          src=
 
<p>
    Click on the bulb to turn it ON and OFF
</p>


Output: 

 

RELATED ARTICLES

Most Popular

Recent Comments