Տարրերի ակտիվացում 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: Անեք այնպես, որ ցանկի ցանկացած կետի վրա սեղղելու դեպքում այն ակտիվանա կարմիր ֆոնով:

Փոփոխեք նախորդ առաջադրանքը այնպես, որ ակտիվացված կետի վրա սեղղելու դեպքում ակտիվացումը հանվի դրանից: