JavaScript-də CSS sinifləri ilə stil vermənin üstünlüyü
Stilə birbaşa dəyişdirmək əvəzinə siniflərdən istifadə etməyin daha bir üstünlüyü var. Əlın asan bir hərəkəti ilə elementlərin stillərinin növbələşməsini təmin etmək olar.
Məsələn, elə etmək olar ki, abzasa ilk klikdə o, müəyyən bir
rəngə boyansın, təkrar klikdə isə öz ilkin rənginə qayıtsın.
Bunun üçün sadəcə add metodunu toggle metodu ilə dəyişmək lazımdır:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Əvvəlki məsələni elə dəyişin ki, düyməyə təkrar basılma həmin düymənin təsirini ləğv etsin.
