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

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

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

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

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

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

Результат: