Why doesn't the src of the image change on click?

Question

JavaScript

<img class="myImg" src="img/main_center.png">
<button onclick="myFunction()">Try it</button>

function myFunction() {
  document.querySelector(".myImg").src = "hackanm.gif";
}

More precisely, in the html document, src changes, but the picture is the same

Answer 1

https://instructobit.com/tutorial/119/Force-an-ima...

Answer 2

If jquery is included, try this: If jquery is not included, then like this:
$('.myImg').attr('src','hackanm.gif');

document.querySelector(".myImg").setAttribute('src', 'hackanm.gif');