<!--This meeting dynamically changes the source of HTML <image> (SRC):
The light bulb
Tap the light bulb to turn this lamp on or off-
<! DOCTYPE html>
<center>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<body>
<!--
<script>
function Changeimage ()
{
Element=document.getelementbyid (' MyImage ')
if (Element.src.match ("Bulbon"))
{
Element.src= "Eg_bulboff.gif";
}
Else
{
Element.src= "Eg_bulbon.gif";
}
}
</script>
-
<script>
function Changeimage ()
{
Element=document.getelementbyid (' MyImage ')
if (Element.src.match ("Eg_bulboff"))
{
Element.src= "Blue_bulbon.gif";
}
else if (Element.src.match ("Blue_bulbon"))
{
Element.src= "Pink_bulbpink.gif";
}
else if (Element.src.match ("Pink_bulbpink"))
{
Element.src= "Green_bulbon.gif";
}
else if (Element.src.match ("Green_bulbon"))
{
Element.src= "Purple_bulboff.gif";
}
else if (Element.src.match ("Purple_bulboff"))
{
Element.src= "Red_bulboff.gif";
}
Else
{
Element.src= "Eg_bulboff.gif";
}
}
</script>
<p> tap the light bulb to light or turn off the lamp </p>
</body>
</center>
javascript-changing HTML Images