ဆဲလ်များကို အရောင်မျိုးစုံခြယ်ခြင်း

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

စဉ်းစားကြည့်ပါက၊ ဤအရောင်များကို CSS class များအဖြစ် လုပ်ရန် သင့်လျော်သည်။ ဤ class များကို ကျွန်ုပ်တို့၏ ဇယားရှိ ဆဲလ်များကို ပေးပါမည်။ ဖန်တီးကြပါစို့-

.red {
	background: red;
}
.green {
	background: green;
}
.blue {
	background: blue;
}

JavaScript code တွင် ကျွန်ုပ်တို့၏ class များကို array တစ်ခုထဲတွင် စုစည်းရန် သင့်လျော်သည်-

let colors = ['red', 'green', 'blue'];

ထိုကဲ့သို့သော array ရှိခြင်းဖြင့် ကျွန်ုပ်တို့၏အလုပ်ကို ဖြေရှင်းနိုင်သည်- ဆဲလ်တစ်ခုဖန်တီးသည့်အချိန်တွင် ၎င်းကို CSS class ထည့်ပေးပါမည်၊ ကျွန်ုပ်တို့၏ array မှ ကျပန်းရွေးချယ်ခြင်းဖြင့်။

ထိုသို့လုပ်ဆောင်ရန် အကူ function တစ်ခုဖန်တီးရန် ပိုကောင်းသည်၊ ၎င်းသည် parameter အဖြစ် array ကို လက်ခံပြီး ၎င်း၏ကျပန်းအချက်တစ်ခုကို ပြန်ပေးပါမည်။

ဖော်ပြထားသော function ကို အကောင်အထည်ဖော်ပါ။ ၎င်း၏လုပ်ဆောင်ချက်ကို စမ်းသပ်ပါ။

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