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 check if an element is visible or hidden JavaScript calculate Fahrenheit from Celsius How to show hide option list items using jQuery? How to build simple tabs with jQuery? How to get selected text from a select box using jQuery? How to the length of the longest word in the provided sentence?