Prednost stilizacije s CSS razredi v JavaScriptu
Uporaba razredov namesto neposredne spreminjanje stilov ima še eno prednost. Z lahkoto lahko naredite, da se stili elementov izmenjujejo.
Na primer, lahko naredite tako, da se ob prvem
kliku na odstavek obarva v določeno barvo,
ob ponovnem kliku pa vrne prvotno barvo.
Za to morate samo metodo add zamenjati z metodo toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Spremenite prejšnjo nalogo tako, da ponovni klik na gumb prekliče delovanje tega gumba.
