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

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

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

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

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

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

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