JavaScript ဖြင့် ကြိုတင်ဟောကိန်းထုတ်သည့် ဝဘ်ဆိုဒ်

ယခု ကျွန်ုပ်တို့သည် ကြိုတင်ဟောကိန်းများကို ထုတ်ပေးမည့် ဝဘ်ဆိုဒ်တစ်ခုကို ဖန်တီးပါမည်။ ဤဝဘ်ဆိုဒ်တွင် ခလုတ်တစ်ခုပါရှိပြီး၊ ထိုခလုတ်ကို နှိပ်လိုက်သည်နှင့် တိုင်မာတစ်ခုစတင်ပြီး 0.1 စက္ကန့်တိုင်း div တစ်ခုအတွင်းသို့ 1 မှ အများဆုံးတန်ဖိုးတစ်ခုအထိ ကျပန်းဂဏန်းတစ်ခုကို ထုတ်ပေးပါမည်။

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

အောက်ပါသည် ရရှိသင့်သော ရလဒ်၏ နမူနာတစ်ခုဖြစ်သည်။

အောက်ပါသည် ပြဿနာကိုဖြေရှင်းရာတွင် အသုံးပြုနိုင်သည့် ဝဘ်ဒီဇိုင်းဖြစ်သည်။

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">သင်၏ ကံကြမ္မာကို သိရှိပါ</button>
	<button id="stop">ကြိုတင်ဟောကိန်းရယူပါ</button>
</div>

#parent {
	text-align: center;
}
#parent > * {
	margin-bottom: 10px;
}

#timer {
	font-size: 18px;
}
#text {
	font-size: 17px;
	font-style: italic;
}

button {
	padding: 5px 10px;
	font-size: 15px;
	cursor: pointer;
}
button:not(.active) {
	display: none;
}

ကြိုတင်ဟောကိန်းများကို မည်သို�ုသိမ်းဆည်းရန် ပိုမိုအဆင်ပြေမည်ကို စဉ်းစားပါ။

ဖော်ပြပါဝဘ်ဆိုဒ်ကို အကောင်အထည်ဖော်ပါ။

�ြိုတင်ဟောကိန်းများကို ကောင်းသောအမျိုးအစားနှင့် ဆိုးသောအမျိုးအစားဟူ၍ နှစ်မျိုးပြုလုပ်ပါ။ ဆိုးသောဟောကိန်းများကို အနီရောင်ဖြင့် လှပအောင်ပြုလုပ်ပြီး ကောင်းသောဟောကိန်းများကို အစိမ်းရောင်ဖြင့် ပြုလုပ်ပါ။