document.addEventListener('DOMContentLoaded', function () {
	var addBtn = document.querySelector('#addBtn');

	addBtn.addEventListener('click', function () {//dodajmey listener
		//pobieramy dane z formualarza
		var orderIdValue = document.getElementById('orderId').value,
			itemValue = document.getElementById('item').value,
			quantityValue = document.getElementById('quantity').value;

		//tworzymy nowe elementy(nowy wiersz oraz 3 kolumny)
		var row = document.createElement('tr'),
			itemIdTd = document.createElement('td'),
			itemTd = document.createElement('td'),
			quantityTd = document.createElement('td');

		//Wpisujemy dane z formualrza w odpowiednie kolumny
		itemIdTd.innerText = orderIdValue;
		itemTd.innerText = itemValue;
		quantityTd.innerText = quantityValue;

		//dodajemy kolumny do wiersza
		row.appendChild(itemIdTd);
		row.appendChild(itemTd);
		row.appendChild(quantityTd);

		//dodajemy wiesz co przecież :) do tabeli i działa :)
		document.querySelector('#orders').appendChild(row);

		//czyścimy inputy po dodaniu wiersza
		document.getElementById('orderId').value = null;
		document.getElementById('item').value = null;
		document.getElementById('quantity').value = null;
	});
});