gogirlorganisation · parvathy-shani · Sep 1, 2023
diff --git a/JavaScript/Lesson 1/bulb.html b/JavaScript/Lesson 1/bulb.html
@@ -0,0 +1,21 @@
+<html>
+<body>
+
+<button 
+onclick="document.getElementById('myImage').src='pic_bulbon.gif'">
+    Turn on the light</button>
+
+<img id="myImage" src="pic_bulboff.gif" style="width:100px">
+
+<button 
+onclick="document.getElementById('myImage').src='pic_bulboff.gif'">
+    Turn off the light</button>
+
+</body>
+</html>
+
+
+
+
+
+
diff --git a/JavaScript/Lesson 1/bulbscript.html b/JavaScript/Lesson 1/bulbscript.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Light Switch</title>
+</head>
+<body>
+
+<button onclick="turnOnLight()">Turn on the light</button>
+
+<img id="myImage" src="pic_bulboff.gif" style="width:100px">
+
+<button onclick="turnOffLight()">Turn off the light</button>
+
+<script>
+    function turnOnLight() {
+        document.getElementById('myImage').src = 'pic_bulbon.gif';
+    }
+
+    function turnOffLight() {
+        document.getElementById('myImage').src = 'pic_bulboff.gif';
+    }
+</script>
+
+</body>
+</html>
diff --git a/JavaScript/Lesson 1/pic_bulboff.gif b/JavaScript/Lesson 1/pic_bulboff.gif
diff --git a/JavaScript/Lesson 1/pic_bulbon.gif b/JavaScript/Lesson 1/pic_bulbon.gif