<html>
<body>
<h1>The Light Bulb</h1>
<img id="myImage" onclick="changeImage()" src="../html_beg/images/pic_bulboff.gif" width="100" height="180">
<p>Click the light bulb to turn on/off the light.</p>
<script>
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("bulbon")) {
image.src = "../html_beg/images/pic_bulboff.gif";
} else {
image.src = "../html_beg/images/pic_bulbon.gif";
}
}
</script>
</body>
</html>
The Light Bulb
Click the light bulb to turn on/off the light.
