JavaScript တွင် အမေးနှင့်အဖြေများပါသော စစ်ဆေးမှု

ကျွန်ုပ်တို့တွင် မှန်ကန်သောအဖြေများ array တစ်ခု ရှိသည်ဆိုပါစို့၊ ယခင်သင်ခန်းစာကဲ့သို့ပင်-

javascriptlet answers = [
  'အဖြေ ၁',
  'အဖြေ ၂',
  'အဖြေ ၃',
];

ယခု အမေးခွန်းများ array တစ်ခုလည်း ရှိသည်ဆိုပါစို့-

javascriptlet questions = [
  'မေးခွန်း ၁?',
  'မေးခွန်း ၂?',
  'မေးခွန်း ၃?'
];

HTML ကုဒ်ထဲတွင် အမေးခွန်းများနှင့် အဖြေများအတွက် input များ ပါသော div များ မရှိတော့ပါဆိုပါစို့-

html<div id="test"></div>
<button id="button">အဖြေများကို စစ်ဆေးရန်</button>

ကျွန်ုပ်တို့ရှေ့တွင် ယခင်တာဝန်ကဲ့သို့ပင် ရှိနေသည်ဆိုပါစို့- button ကို နှိပ်လိုက်သောအခါ မှန်ကန်မှုကို စစ်ဆေးရန်။

ကျွန်ုပ်တို့၏တာဝန်သည် ပိုမိုရှုပ်ထွေးလာပြီဟု သိသာထင်ရှားသည်- ယခု စာမျက်နှာသို့ ဝင်ရောက်လာသောအခါတိုင်း အမေးခွန်းများ array ကို လှည့်ပတ်ရန်နှင့် အမေးခွန်းတစ်ခုစီ၏ HTML ကုဒ်ကို ဖွဲ့စည်းရန် လိုအပ်သည် - parent div၊ စာသားပါသော paragraph နှင့် အဖြေအတွက် input။