On a website, I click on an image after clicking the image next image comes
<img src="https://www.drupal.org/files/project-images/druplicon_0.png" onclick="changeSrc()"> <script> function changeSrc(){ document.querySelector("img").src="https://www.drupal.org/files/issues/default-avatar.png"; } </script>