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 берилген. Ар кандай тизме пунктуна басканда ал кызыл фон менен активделуусун жасагыла.

Мурунку тапшырманы өзгөртүп, активделген тизме пунктуна кайра басканда анын активдүүлүгү алынып салынсын.