CSS კლასების გამოყენების უპირატესობა JavaScript-ში

კლასების გამოყენებას სტილების უშუალოდ შეცვლის ნაცვლად აქვს კიდევ ერთი უპირატესობა. ხელის მსუბუქი მოძრაობით შეგვიძლია გავაკეთოთ ის, რომ ელემენტების სტილები მონაცვლეობით შეიცვალოს.

მაგალითად, შეგვიძლია გავაკეთოთ ის, რომ პარაგრაფზე პირველ დაწკაპუნებაზე მან მიიღოს გარკვეული ფერი, ხოლო მეორე დაწკაპუნებაზე - დააბრუნოს საწყისი ფერი. ამისთვის საჭიროა უბრალოდ add მეთოდი toggle მეთოდით შევცვალოთ:

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	elem.addEventListener('click', function() {
		this.classList.toggle('colored');
	});
}

შეცვალეთ წინა ამოცანა ისე, რომ ღილაკზე მეორედ დაწკაპუნება ამ ღილაკის მოქმედებას გააუქმებდეს.