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 කාර්යය ක්රියාත්මක කරන්න.