[Malleys]

<button id="addInput" title="Добавить покупку">Добавить покупку</button>
<button id="doSum" title="Сложить числа">Сложить числа</button>

<p id="line">Сумма ваших покупок: <span id="sum"></span></p>
<div id="inputs"></div>

<script>

	function createInput() {
		if(inputs.children.length >= 6) return alert("Максимальное количество вводов = 6");
		let input = document.createElement("input");
		input.value = 1;
		inputs.appendChild(input);
		calculateTotal();
	}
	
	function calculateTotal() {
		const total = Array.from(inputs.children)
			.reduce((total, input) => total + Number(input.value), 0);
		sum.textContent = total;
	}
	
	for(let i = 0; i < 2; i++)
		createInput();

	addInput.addEventListener("click", createInput);
	doSum.addEventListener("click", calculateTotal);
	inputs.addEventListener("input", calculateTotal);

</script>

считываем валью добавленных инпутов

считываем значения добавленных полей ввода