when clicking on an image next image comes and this be continues

<script>
    var myImage = document.querySelector('img');
    var myButton = document.querySelector('button');
    var myHeading = document.querySelector('h1');
    function setUserName() {
        var myName = prompt('Please enter your name.');
        localStorage.setItem('name', myName);
        myHeading.textContent = 'Mozilla is cool, ' + myName;
    }
    if(!localStorage.getItem('name')) {
        setUserName();
    } else {
        var storedName = localStorage.getItem('name');
        myHeading.textContent = 'Mozilla is cool, ' + storedName;
    }
    myButton.onclick = function() {
        setUserName();
    }
</script>