Golang React JS Technology Blog

JavaScript example to change image on click

Example

onClick Demo 
<!DOCTYPE html>
<html>
<head>
    <title>onClick Demo</title>
</head>
<body>
<script>
function toggleImage() {
   var img1 = "http://placehold.it/350x150";
   var img2 = "http://placehold.it/200x200";
   
   var imgElement = document.getElementById('toggleImage');

   imgElement.src = (imgElement.src === img1)? img2 : img1;
}
</script>
<img src="http://placehold.it/350x150" id="toggleImage" onclick="toggleImage();"/>

</body>
</html>
Most Helpful This Week
jQuery simple form with name and email validations How to declare multiple variables in one statement in Javascript? How to build simple tabs with jQuery? JavaScript check if first string contains all characters of second string How to change the height of Textarea on click? Check if a string ends with the given target string