JavaScript-de CSS klaslary arkaly stil bermegiň artykmaýlyklary
Stilleri gönüden-göni üýtgetmek ýerine klaslary ulanmagyň ýene bir artykmaýlygy bar. Bir el hereketi bilen elementleriň stilleriniň bir-birini çalşyp durmagyny amala aşyryp bolýar.
Mysal üçin, ilkinji gezek abzasa basylanda ol belli bir reňke öwrülip, ikinji gezek basylsa öňki reňkine gaýdyp gelşini edip bolýar. Bunuň üçin diňe add metodyny toggle metoda çalyşmaly:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Öňki mesele özgerdiň, şeýlelikde düwmä ikinji gezek basylanda onuň hereketi ýatyrylsyn.
