Example how change image in javascript

Example how change image onclick button in javascript

by ITpresent

HTML

<img src="https://itpresent.com/web/javascript/images/flower.jpg" id="flw">
<br>

<button onclick="changeImg()">CLICK HERE</button>






















<br><br><br>
<a href="https://itpresent.com/web/javascript/javascript_examples.php" target="_blank">More Javascript Examples</a>

CSS

img {
width: 200px;
height: 200px;

}

JavaScript

function changeImg() {
 var photo=document.getElementById("flw");
 photo.src="https://itpresent.com/web/javascript/images/sunflower.jpg";
   }