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 ဖန်ရှင်ကို အကောင်အထည်ဖော်ပါ။