JavaScript ဖြင့် မြားများပါရှိသော စာသားဆလိုင်းဒါ

ယခု JavaScript ကိုအသုံးပြု၍ မြားများပါရှိသော စာသားဆလိုင်းဒါကို ပြုလုပ်ကြပါစို့။ ဆိုလိုသည်မှာ စာသားများသည် အချိန်ပိုင်းဖြင့် ပြောင်းလဲမည်မဟုတ်ဘဲ မြားပေါ်တွင် ကလစ်နှိပ်ခြင်းဖြင့် ပြောင်းလဲမည်ဖြစ်သည်။ ကျွန်ုပ်တို့၏ HTML ကုဒ်ထဲသို့ မြားများကို ထည့်ကြပါမည်။

<a href="" id="left">←</a>
<a href="" id="right">→</a>
<div id="slider"></div>

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

let i = 0; // အပြင်ဘက်ကိန်းရှင်

left.addEventListener('click', function() {
	// i ကို 1 လျှော့ပါ
	// ပြီးတော့ နံပါတ် i ဖြင့် စာသားကိုထုတ်ပြပါ
});
right.addEventListener('click', function() {
	// i ကို 1 တိုးပါ
	// ပြီးတော့ နံပါတ် i ဖြင့် စာသားကိုထုတ်ပြပါ
});

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

ဖော်ပြထားသော ဆလိုင်းဒါကို အကောင်အထည်ဖော်ပါ။ စာသားများသည် စက်ဝိုင်းပတ်လည်တွင် လှည့်ပတ်သွားလာနိုင်ရန် ပြုလုပ်ပါ။

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