JavaScript တွင် စတိုင်သတ်မှတ်ခြင်း အသုံးပြုမှု

ခလုတ်တစ်ခုကို နှိပ်လိုက်တိုင်း အဲ့ဒြပ်စင်ကို ပြသခြင်း၊ ဝှက်ထားခြင်း ပြုလုပ်ပေးမယ့် ခလုတ်တစ်ခု ဖန်တီးကြည့်ရအောင်။ စံထားချက်အရ အဲ့ဒြပ်စင်ကို ဝှက်ထားပါမယ် (ဒါကို display: none ကို အသုံးပြု၍ အကောင်အထည်ဖော်မည်)၊ ပြီးတော့ active class ကို ထည့်ပေးခြင်းဖြင့် ၎င်းကို ပြသပေးပါမယ်။ ဒီ class ကို classList.toggle ကို အသုံးပြု၍ တစ်ခါထည့်၊ တစ်ခါဖြုတ် လုပ်သွားပါမယ်။

<button id="button">ငါ့ကိုနှိပ်ပါ</button>
<div id="elem"></div>

#elem {
	display: none;
	width: 200px;
	height: 200px;
	border: 1px solid green;
}
#elem.active {
	display: block;
}

let button = document.querySelector('#button');
let elem = document.querySelector('#elem');

button.addEventListener('click', function() {
	elem.classList.toggle('active');
});