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 функциясын жүзеге асырыңыз.