ელემენტების აქტივაცია JavaScript-ზე

დავუშვათ, გვაქვს გარკვეული HTML ცხრილი #table ცარიელი უჯრებით.

მოდით, გავაკეთოთ ისე, რომ ნებისმიერ უჯრაზე დაწკაპუნებისას იგი როგორმე გააქტიურდეს, მაგალითად, გახდეს წითელი ფონის. ამისთვის გააქტიურებულ უჯრებს მივცემთ რაიმე CSS კლასს:

.active {
	background: red;
}

განვახორციელოთ აქტივაცია:

let tds = document.querySelectorAll('#table td');

for (let td of tds) {
	td.addEventListener('click', function() {
		this.classList.add('active');
	});
}

მოცემულია HTML სია ul. გახადეთ ისე, რომ ნებისმიერ სიის ელემენტზე დაწკაპუნებისას იგი გააქტიურდეს წითელი ფონით.

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