Маҷмӯи умумии дар ҳисобкунаки маҳсулот бо 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 татбиқ кунед.