Истифодаи стилизатсия дар JavaScript
Биёед як тугма созем, ки пахш кардани он унсур
намоён ё пинҳон шавад.
Бигзор ба сурати пешфарз унсур пинҳон бошад (инро бо ёрӣ гирифтан аз
display:
none амалӣ мекунем), ва он бо илова кардани
синфи active намоён мешавад.
Ин синфро бо ёрии 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');
});
:
