CSS-klassidega stiilide lisamise eelised JavaScriptis
Klasside kasutamisel otse stiilide muutmise asemel on veel üks eelis. Lihtsa käeliigutusega saab teha nii, et elementide stiilid vahelduvad.
Näiteks võib teha nii, et esimesel klõpsul
punkti peal värvitakse see teatud
värvi, ja teisel klõpsul - tagastab
enda algse värvi. Selleks tuleb lihtsalt
meetod add asendada meetodiga toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Muutke eelmist ülesannet nii, et korduv nuppu vajutamine tühistaks selle nupu toimingu.