JavaScript 打开或关闭灯泡

编写JavaScript代码来打开和关闭灯泡。我们将定义一个名为turnOnOff()的函数，用于将灯泡从打开状态切换到关闭状态，反之亦然。

语法：

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

示例: 在这个示例中，我们将编写一段代码，通过点击灯泡的图像将灯泡的状态从开启（ON）变为关闭（OFF）或反之亦然。

<script>
    function turnOnOff() {
        var image=document.getElementById('Image');
        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>
 
    <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>

输出：