Përparësia e stilizimit me klasa CSS në JavaScript
Përdorimi i klasave në vend të ndryshimit të stileve directly ka edhe një përparësi tjetër. Me një lëvizje të lehtë të dorës mund të bësh që stilet e elementeve të alternohen.
Për shembull, mund të bësh që në klikimin e parë
në paragraf ai të ngjyroset në një ngjyrë të caktuar,
kurse në klikimin e përsëritur - të kthejë
ngjyrën e tij origjinale. Për këtë duhet thjesht
metodën add ta ndërrosh me metodën toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifikoni detyrën e mëparshme ashtu që klikimi i përsëritur në butonin të anulojë veprimin e këtij butoni.