JavaScript တွင် အစိတ်အပိုင်းများကို ပြောင်းလဲခြင်း လေ့ကျင့်ခန်း

အခင်းအကျင်းတစ်ခု ရှိသည်။ ၎င်း၏ အစိတ်အပိုင်းများကို စာရင်း ul အဖြစ် ဖော်ပြပါ။

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

ယခင်လေ့ကျင့်ခန်းကို မွမ်းမံပြီး စာရင်း၏ အောက်တွင် input တစ်ခု ထားရှိပါ။ ထို input ကိုအသုံးပြု၍ စာရင်း ul အတွင်း အသစ်သောအစိတ်အပိုင်းတစ်ခုကို နောက်ဆုံးမှ ထည့်သွင်းနိုင်ရန် ပြုလုပ်ပါ။ အသစ်ထည့်သွင်းသော li များကိုလည်း တည်းဖြတ်နိုင်စေရန် ပြုလုပ်ပါ။

ယခင်လေ့ကျင့်ခန်းကို မွမ်းမံပြီး li တစ်ခုစီ၏ အဆုံးတွင် လင့်ခ်တစ်ခု 'ဖျက်ရန်' ထားရှိပါ။ ထိုလင့်ခ်ကို အသုံးပြု၍ ထို li ကို ul မှ ဖယ်ရှားနိုင်ရန် ပြုလုပ်ပါ။

ယခင်လေ့ကျင့်ခန်းကို မွမ်းမံပြီး li တစ်ခုစီ၏ အဆုံးတွင် လင့်ခ်တစ်ခု 'ကြောင်းကျစ်ရန်' ကိုလည်း ထားရှိပါ။ ထိုလင့်ခ်ကို အသုံးပြု၍ ထို li tag ၏ စာသားကို ကြောင်းကျစ်နိုင်စေရန် ပြုလုပ်ပါ။

အရာဝတ္ထုများ အခင်းအကျင်းနှင့် ဇယား

လုပ်သားများဖြင့် အောက်ပါအခင်းအကျင်းကို ပေးထားသည်:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

ထိုလုပ်သားများကို HTML ဇယားတွင် ဖော်ပြပါ။

ဖန်တီးထားသောဇယား၏ ဆဲလ်များကို တည်းဖြတ်နိုင်စွမ်း ထည့်သွင်းပေးပါ။

သင်၏ဇယားတွင် အသစ်သော ကော်လံတစ်ခုကို ဇယားမှ အတန်းတစ်ခုကို ဖျက်ရန် လင့်ခ်ဖြင့် ထည့်သွင်းပေးပါ။

ဇယား၏အောက်တွင် input 3 ခုနှင့် လုပ်သားအသစ်ထည့်သွင်းရန် ခလုတ်တစ်ခု ပြုလုပ်ပါ။ input များတွင် အမည်၊ အသက်နှင့် လစာကို ရိုက်ထည့်နိုင်ပြီး၊ �လုတ်ကို နှိပ်လိုက်သည့်အခါ အသစ်သောလုပ်သားကို �ယားအတွင်း ထည့်သွင်းပါစေ။ အသစ်ထည့်သွင်းသော လုပ်သားများအတွက် ဆဲလ်များကို တည်းဖြတ်နိုင်ခြင်းကို အကောင်အထည်ဖော်ပါ။

အရာဝတ္ထုများ အခင်းအကျင်းနှင့် စာရင်း

လုပ်သားများဖြင့် အောက်ပါအခင်းအကျင်းကို ပေးထားသည်:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

လုပ်သားတစ်ဦးစီကို ၎င်းတို့၏ကိုယ်ပိုင် li tag၊ ul tag အတွင်း မျက်နှာပြင်ပေါ်တွင် ဖော်ပြပါ။

လုပ်သား၏ အမည်၊ အသက် သို့မဟုတ် လစာကို နှိပ်လိုက်သည့်အခါ ထိုအကွက်ကို တည်းဖြတ်ရန် input တစ်ခု ပေါ်လာစေရန် ပြုလုပ်ပါ။

li tag တစ်ခုစီ၏ အဆုံးတွင် စာရင်းမှ ထို li ကို ဖျက်ရန် လင့်ခ်တစ်ခု ထည့်သွင်းပေးပါ။

စာရင်း၏အောက်တွင် လုပ်သားအသစ်ထည့်သွင်းရန် ပုံစံတစ်ခု ပြုလုပ်ပါ။