How can one use an image as a button to change the color of a div element in JavaScript?

u can just do it bye using div-id:hover <div id="try"> <input type="button" value="button" style=background-color:green;/> </div> in css u can write : #try:hover { background-color-red; } same u can apply for an image too, instead of writing background-color u can give the image source.  in javascript u can use the function "onclick" event .

HTML<img src="abc.jpg" onclick = "changecolor()" id="image1"></img> <div id="div1"></div>   JavaScript:function changecolor(){ document.getElementById("div1").style.color = "red"; };   jQuery:$('#image1').click(function(){   $('#div1').css('background','red'); //Changes div background to red });