Bulb On/Off By JavaScript
<html>
<style>
</style>
<body>
<h1>My First JavaScript</h1>
<img id="myImage" onclick="changeImage()" src="../pics/bulb_off.jpg" 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("../pics/bulb_on.jpg")) {
image.src = "../pics/bulb_off.jpg";
} else {
image.src = "../pics/bulb_on.jpg";
}
}
</script>
</body>
</html>
No comments:
Post a Comment