ထုတ်ကုန်များ ဂဏန်းပေါင်းစက်၌ ဈေးဝယ်စာရင်း တည်းဖြတ်ခြင်း

ယခု ဆဲလ်များ တည်းဖြတ်ခြင်းအား အကောင်အထည်ဖော်ကြပါစို့။ စည်းကမ်းချက်အရ ပထမ 3 ဆဲလ်များကိုသာ တည်းဖြတ်နိုင်ပါသည်။

ဤဆဲလ်များမှာ -

createCell(tr, name.value, 'name');
createCell(tr, price.value, 'price');
createCell(tr, amount.value, 'amount');

ဆဲလ်တစ်ခုစီအတွက် တည်းဖြတ်ခြင်းကုဒ်သည် အတူတူပင်ဖြစ်လိမ့်မည်မှာ ထင်ရှားပါသည်။ နှစ်ချက်နှိပ်လိုက်သောအခါ ဆဲလ်စာသားနေရာတွင် input တစ်ခု ပေါ်လာရမည်။ input အတွင်းEnter ခေါက်လိုက်သောအခါ ၎င်း၏အကြောင်းအရာသည် ဆဲလ်၏ စာသားအသစ်ဖြစ်လာရမည်။

ဇယားဆဲလ်တစ်ခုကို ပါရာမီတာအဖြစ် လက်ခံပြီး ၎င်းအား တည်းဖြတ်နိုင်စွမ်းကို ချိတ်ဆက်ပေးမည့် function တစ်ခု ပြုလုပ်ရန် အကြံပြုပါသည်။

function allowEdit(td) {
	td.addEventListener('dblclick', function() {
		
	});
}

ထိုသို့ဆိုလျှင် ကျွန်ုပ်တို့၏ function အား အောက်ပါအတိုင်း အသုံးပြုနိုင်ပါသည်။

allowEdit(createCell(tr, name.value, 'name'));
allowEdit(createCell(tr, price.value, 'price'));
	allowEdit(createCell(tr, amount.value, 'amount'));

စေ့စေ့စပ်စပ်ဖတ်ရှုသူသည် ဆဲလ်အားလုံး အတူတူမဟုတ်သည်ကို သတိပြုမိပေလိမ့်မည်။ အကြောင်းမှာ ဈေး (price) သို့မဟုတ် အရေအတွက် (amount) ပါသော ဆဲလ်ကို ပြောင်းလဲလိုက်သောအခါ cost ကော်လံရှိ ဝယ်ယူမှု၏ကုန်ကျစရိတ် ပြောင်းလဲသင့်ပြီး စုစုပေါင်းပမာဏကိုလည်း ပြန်လည်တွက်ချက်သင့်သောကြောင့်ဖြစ်သည်။

ဤအသေးစိတ်အချက်ကို နောက်သင်ခန်းစာတွင် ဖြေရှင်းရမည့် နောက်ထပ် လုပ်ငန်းအဆင့်တစ်ခုအဖြစ် ချန်ထားပါမည်။ အစတွင် ပြန်လည်တွက်ချက်ခြင်းမပါဘဲ ကျွန်ုပ်တို့၏ ဆဲလ် (3) ခုအား တည်းဖြတ်နိုင်စွမ်းကိုသာ ပြုလုပ်ကြပါစို့။

ကျွန်ုပ် ဖော်ပြထားသော ဆဲလ်များအား တည်းဖြတ်ခြင်းအား အကောင်အထည်ဖော်ပါ။