Elementlərin JavaScript-də aktivləşdirilməsi

Tutaq ki, bizim bəzi HTML cədvəlimiz #table boş xanalarla var.

Gəlin elə edək ki, istənilən xanaya klikləndikdə o, nə isə bir şəkildə aktivləşsin, məsələn, qırmızı fon rənginə çevrilsin. Bunun üçün aktivləşdirilmiş xanalara bəzi CSS sinifi verək:

.active {
	background: red;
}

Aktivləşdirməni həyata keçirək:

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

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

HTML siyahısı ul verilib. Elə edin ki, siyahının istənilən bəndinə klikləndikdə o, qırmızı fon ilə aktivləşsin.

Əvvəlki məsələni elə dəyişin ki, aktivləşdirilmiş bəndə klikləndikdə onun aktivləşməsi silinsin.