Toepassing van Stilering in JavaScript
Kom ons maak 'n knoppie wat, wanneer dit geklik word,
die element sal wys of verberg.
Laat die element standaard weggesteek wees (ons sal dit implementeer
met behulp van display:
none), en dit sal gewys word deur die klas active by te voeg.
Hierdie klas sal ons dan byvoeg of verwyder met behulp van classList.toggle:
<button id="button">click me</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');
});
:
