addEventListener not working in Chrome?

Question

JavaScript

Good afternoon dear Jedi of the web. Faced the following problem: There is a code

<button id="mute" title="Mute button" >
<div><img class="img-responsive" alt="Volume on button" src="img/main-body/btn_audio.png"></div>
</button>

document.getElementById("mute").addEventListener("click", function (evt) {
          if (video.muted) {
            video.muted = false;
            evt.target.innerHTML = "<img alt='volume on button' src='img/main-body/btn_audio.png'>"
          } else {
            video.muted = true;
            evt.target.innerHTML = "<img alt='volume off button' src='img/main-body/muted.png'>"
          }
}, false);

Which changes the picture when you click on another one, and so in all browsers everything is OK, except for Chrome, it simply creates a picture inside the picture, but does not change it. link to the site
Maybe someone faced such a problem?

Answer 1

Try replacing evt.target with this