Почему из массива выводится только последнее значение?

Question

[Max]

Здравствуйте, помогите разобраться с массивом пожалуйста.
Есть форма и блок в котором я вывожу данные из массива:

<form>
        Название:   <input type="text" name="make"><br>
        Цена:  <input type="number" name="model"><br>
        Количество:      <input type="number" name="year"><br>
        Дата:   <input type="date" name="color"><br>         
		<input type="button" value="Submit" onclick="save()">
    </form>
    <div id="Products">
    	
    </div>

И есть скрипт:

<script>
		var a=document.getElementsByTagName("input");
		var mas=[];
		function save(){
		    for (i=0;i<=3;i++){
		        mas[i]=a[i].value; // Из инпутов в массив
		    }
			for (i=0;i<=3;i++){
		        a[i].value=mas[i]; // Обратно
		        document.getElementById('Products').innerHTML = mas[i];
			}
		}
	</script>

Каким образом мне вывести все данные, а не только из последнего поля инпут?

Answer 1

[Inv3go]

document.getElementById('Products').innerHTML += mas[i];

Comments

[Max]

Спасибо!)

Answer 2

[Владимир Голубев]

Ты каждый раз при выводе нового элемента массива перетираешь значение которое было раньше.
попробуй что-либо вроде этого: appendChild(mas[i]);

Comments

[Max]

Спасибо!