4/25/2016

Create Javascript Program to Make a Light Bulb Turn on and Off

Create A HTML Page With JavaScript When We Click The Light Bulb To Turn On/Off The Light.
When We Click A Button JavaScript Change The Image So We Think Bulb Is On Again Click The It Again Change The Image So Bulb Look Like It Is off This Is A Trick Behind Bulb On/off

For This Program You Have To Download Both Image Bulb On And Bulb Off

Here Is A Code

bulb.html


<!DOCTYPE html>
<html>
<body align="center" bgcolor="#686899">
<h1>JavaScript Can Change Images</h1>

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">

<h2>Click the light bulb to turn on/off the light.</h2>
<script>

function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match("bulbon")) {
image.src = "pic_bulboff.gif";
} else {
image.src = "pic_bulbon.gif";
}
}

</script>
</body >
</html>


Output:-
light bulb off javascript

light bulb on javascript

6 comments:

  1. Thanks Bro Sharing Your Knowledge With us

    ReplyDelete
    Replies
    1. Welcome Reader if any thing you need related to programming plz feel free

      Thanks for visiting

      Delete
  2. Replies
    1. It's 100% Working, Can you please tell me before run this program you download both images Bulb On and Bulb Off. if you Not Please Download first and keep in same folder then Run the Script again.

      Delete
  3. Chromium Industries has 70-plus years of experience in chrome plating. Our Hard chrome plating capabilities meet even the toughest requirements for increased surface hardness, improve service life, corrosion resistance, surface profile or texturing. This is because of our horizontal rotational method.
    Chrome is slang for Chromium, one of the 92 naturally occurring chemical elements. Chrome plating makes it suitable for a variety of industrial applications that require resistance to wear. It is also the finest metal deposition to utilize when specifications call for smooth and flawless characteristics on the roll face. Chrome will extend the life of your rolls between 2 and 5 times depending on the number of incidents you have in the stand.

    ReplyDelete
  4. Return 2 Passion talks about what is really going on when there is anger in a relationship when the underlying emotion is love and it is easily shown as anger. Ford talks about how it is much harder to express that deeper, true emotion of love when you do not feel safe to show it. In Ford’s dialogue he teaches, he creates that safety in the environment. This allows you to have that initial anger and then soften into what he calls, “the more genuine emotion.” Ford also emphasizes on healing, understanding and what psychotherapy is all about.

    ReplyDelete