Вкупен износ во калкулатор на производи на JavaScript

Ајде сега да направиме така што под табелата да се прикажува вкупниот износ на набавките. Овде има нијанси.

Ако ја разгледаме ситуацијата, ќе стане јасно дека износот треба да се прилагодува не само при додавање на нова набавка, туку и при бришење и при уредување.

Јас би предложил во таков случај да се направи одредена функција, да ја наречеме recountTotal, која ќе врши целосна пресметка на износот. Тоа значи дека ќе ги поминува со циклус сите набавки и ќе го сумира содржината на нивната колона cost.

Имајќи таква функција, ќе можеме да ја повикуваме на секое место, каде што се претпоставуваат какви било промени на вкупниот износ. Се разбира, малку не оптимално е секој пат да се пресметува вкупниот износ. Но, од друга страна, ќе добиеме значително поедноставување на кодот.

Ќе ја користиме предложената функција при креирање на нова набавка:

add.addEventListener('click', function() {
	let tr = document.createElement('tr');
	
	createCell(tr, name.value, 'name');
	createCell(tr, price.value, 'price');
	createCell(tr, amount.value, 'amount');
	createCell(tr, price.value * amount.value, 'cost');
	createCell(tr, 'избриши', 'remove');
	
	table.appendChild(tr);
	recountTotal(); // ќе го пресметаме вкупниот износ
});

Еве ја подготовката на опишаната функција:

function recountTotal() {
	let costs = table.querySelectorAll('.cost');
	
	if (costs) {
		// го наоѓаме износот и го запишуваме во #total
	}
}

Имплементирајте ја од мене опишаната функција recountTotal.