javascript-demo/Bulb.html at master · SaiSriRohit143/javascript-demo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
      function onOff1(){
            var txt1=document.getElementById("left");
            var txt2=document.getElementById("right");
            var txt = txt1.src;
            txt1.src = txt2.src;
            txt2.src=txt;
        }
        function onOff2(){
            var txt1=document.getElementById("right");
            var txt2=document.getElementById("left");
            var txt = txt1.src;
            txt1.src = txt2.src;
            txt2.src=txt;
        }
    </script>
</head>
<body style="background-color: aquamarine;">
    <h1 style="text-align: center;">Switch Bulb - ON / OFF</h1>
    <img src="https://toppng.com/uploads/preview/light-bulb-on-off-png-11553940208oq66nq8jew.png"
    alt="" style="width: 150px;float:left" data-embed="true" id="left"
    onclick="onOff1()">
    <img src="https://toppng.com/uploads/preview/light-bulb-on-off-png-11553940319kdxsp3rf0i.png"
    alt="" style="width: 150px;float:right" data-embed="true" id="right"
    onclick="onOff2()">
</body >
</html>