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 функциямды ишке ашырыңыз.