JavaScript လေ့ကျင့်ခန်း အဆင့် 8.4

ခလုတ်တစ်ခုနှင့် စာသားပါသော ဘလောက်တစ်ခုကို ပေးထားသည်။ စာသားသည် အမြင့်အားဖြင့် ဘလောက်အတွင်းသို့ မဝင်နိုင်ပါ (ပိတ်ထားသည်)။ ခလုတ်ကို နှိပ်လိုက်သောအခါ ဘလောက်ကို အပြည့်အဝ အမြင့်အထိ ဖွင့်ပါ။

စာသားပါသော စာတန်းတစ်ခုကို ပေးထားသည်။ �ာသား၏ စာလုံးတစ်လုံးချင်းစီ၏ ရာခိုင်နှုန်း အချိုးအစားကို object တစ်ခုအနေဖြင့် ရယူပါ၊ ထို object ၏ keys များသည် စာလုံးများ ဖြစ်ပြီး တန်ဖိုးများသည် ၎င်းတို့၏ ရာခိုင်နှုန်း အချိုးအစားများ ဖြစ်ရပါမည်။

ul စာရင်းတစ်ခုနှင့် input တစ်ခုကို ပေးထားသည်။ input ထဲသို့ စာသားရိုက်ထည့်သည့်အခါ li များထဲမှ input ထဲရိုက်ထည့်ထားသော စာသားဖြင့် စတင်သော စာသားရှိသည့် li များကိုသာ မြင်နိုင်အောင် ထားပါ။

အောက်ပါ ပိရမစ်ပုံစံကို စခရင်ပေါ်တွင် ရိုက်ထုတ်ပါ။

�ြို့များနှင့် ၎င်းတို့၏ နိုင်ငံများ၏ စာရင်းကို အောက်ပါ ဖွဲ့စည်းပုံဖြင့် သိမ်းဆည်းထားသည်။

javascriptlet data = [
  {
    country: 'country1',
    city:    'city11',
  },
  {
    country: 'country2',
    city:    'city21',
  },
  {
    country: 'country3',
    city:    'city31',
  },
  {
    country: 'country1',
    city:    'city12',
  },
  {
    country: 'country1',
    city:    'city13',
  },
  {
    country: 'country2',
    city:    'city22',
  },
  {
    country: 'country3',
    city:    'city31',
  },
]

ဒေတာဖွဲ့စည်းပုံကို အောက်ပါအတိုင်း ပြောင်းလဲပေးမည့် ကုဒ်ကို ရေးပါ။

javascript{
  'country1': [
    'city11', 'city12', 'city13',
  ],
  'country2': [
    'city21', 'city22'
  ],
  'country3': [
    'city31', 'city32'
  ],
}