Anvendelse av stilsetting i JavaScript
La oss lage en knapp som, når den klikkes på,
skal veksle mellom å vise og skjule et element.
La elementet være skjult som standard (dette implementerer vi
med display:
none), og det skal vises ved å legge til
klassen active. Denne klassen skal vi
veksle mellom å legge til og fjerne ved hjelp av classList.toggle:
<button id="button">klikk på meg</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');
});
:
