diff --git a/light.html b/light.html
new file mode 100644
index 0000000..8a6af9b
--- /dev/null
+++ b/light.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<h2>What Can JavaScript Do?</h2>
+
+<p>JavaScript can change HTML attribute values.</p>
+
+<p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>
+
+<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>
\ No newline at end of file
diff --git a/pic_bulboff.gif b/pic_bulboff.gif
new file mode 100644
index 0000000..65cacdd
Binary files /dev/null and b/pic_bulboff.gif differ
diff --git a/pic_bulbon.gif b/pic_bulbon.gif
new file mode 100644
index 0000000..72ecfc4
Binary files /dev/null and b/pic_bulbon.gif differ
