Последовательный вывод картинок

<style>
    img {
        width: 50px;
    }
</style>
 
<div id="img">
 
</div>  
<button id="test">TEST</button>
<script>
 
let urls = [
    "http://www.nokiaplanet.com/uploads/posts/2015-01/1421138632_frozen-480x800.jpg",
    "http://www.nokiaplanet.com/uploads/posts/2015-01/1421138632_frozen-480x800.jpg",
    "http://www.nokiaplanet.com/uploads/posts/2015-01/1421138632_frozen-480x800.jpg",
];
 
let images = [];
 
for(let i in urls) {
    images[i] = new Image();
    images[i].src = urls[i];
}
 
let load = 0;
 
document.getElementById("test").onclick = function(){
    if(load >= urls.length) return;
    document.getElementById("img").innerHTML += '<div>'+images[load].outerHTML+'</div>';
    document.getElementById("img").innerHTML += '<a href="test.html">go</a>';
    load++;
};
</script>

<style>
  #img{
    width:10%;
    text-align:center
  }
  img {
    width: 100%;
  }
  a {
    display: block
  }
</style>
<div id="img">
  <img alt="Включите JavaScript в браузере.">
  <a href="test.html">Ссылочка</a>
</div>
<button id="test">TEST</button>
<script>
  const urls = [
    "http://emplonics.ru/images/thumbnails/mini-Feller-2ed.jpeg",
    "http://emplonics.ru/images/thumbnails/mini-Feller-3ed.jpeg",
    "http://emplonics.ru/images/thumbnails/mini-Kemeny.jpeg",
  ];
  const img = document.querySelector("#img img");
  img.src = urls[0];
  let load = 1;
  document.getElementById("test").onclick = function() {
    if (load >= urls.length) return;
    img.src = urls[load++]
  };
</script>