JavaScript-da uslublashtirishni qo‘llash
Keling, bosilganda element paydo bo‘ladigan va yo‘qoladigan tugma yarataylik.
Element standart holatda yashiringan bo‘lsin (buni display:
none yordamida amalga oshiramiz),
u active klassini qo‘shish orqali paydo bo‘ladi.
Bu klassni classList.toggle yordamida qo‘shamiz va olib tashlaymiz:
<button id="button">menga bosing</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');
});
:
