Programming

<script type="text/javascript">

var images = [];
images[1] = "https://www.unix.com/images/image01.jpg";
images[2] = "https://www.unix.com/images/image02.jpg";
images[3] = "https://www.unix.com/images/image03.jpg";
images[4] = "https://www.unix.com/images/image04.jpg";

for (var i in images)
   document.write('<input name="myImage' + i + '" id="myImage' + i + '" type="image" src=' + images[i] + ' alt="Add me..." onclick="add();" />');

var arr = [];

function add() {
   var inp = document.getElementById('myImage1');
   arr.push('myImage1');
   inp.value = '';
}

function show() {
   document.getElementById('container').innerHTML = arr;
}

</script>

<input type="button" onclick="show();" value="show" />
<div id="container"></div>

<script type="text/javascript">

var images = [];
images[1] = "images/image01.jpg";
images[2] = "images/image02.jpg";
images[3] = "images/image03.jpg";
images[4] = "images/image04.jpg";

for (var i in images)
   document.write('<input name="myImage' + i + '" id="myImage' + i + '" type="image" src=' + images[i] + ' alt="Add me..." onclick="arr.push(\'myImage' + i + '\')" />');

var arr = [];

function show() {
   document.getElementById('container').innerHTML = arr;
}

</script>

<input type="button" onclick="show();" value="show" />
<div id="container"></div>