CSS դասերի միջոցով սթայլինգի առավելությունը JavaScript-ում
Դասերի օգտագործումը ուղղակիորեն սթայլերը փոխելու փոխարեն ունի ևս մեկ առավելություն: Մեկ հեշտ շարժումով կարելի է անել այնպես, որ էլեմենտների սթայլերը հերթափոխվեն:
Օրինակ, կարելի է անել այնպես, որ առաջին կլիկի դեպքում պարբերությունը ներկվի որոշակի գույնով, իսկ երկրորդ կլիկի դեպքում վերադարձնի իր սկզբնական գույնը: Դրա համար պարզապես պետք է add մեթոդը փոխարինել toggle մեթոդով:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Փոփոխեք նախորդ առաջադրանքն այնպես, որ կոճակի վրա երկրորդ անգամ սեղղումը չեղարկի այդ կոճակի գործողությունը:
