JavaScript da elementlarni faollashtirish

Faraz qilaylik, bizda #table bo'sh katakchalar bilan to'ldirilgan HTML jadval mavjud.

Keling, har qanday katakchaga bosilganda u qandaydir tarzda faollashadi, masalan, fon qizil rangga aylanishi uchun qilaylik. Buning uchun faollashtirilgan katakchalarqa qandaydir CSS klass beramiz:

.active {
	background: red;
}

Keling, faollashtirishni amalga oshiramiz:

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

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

HTML ro'yxat ul berilgan. Har qanday ro'yxat elementiga bosilganda u qizil fon bilan faollashishi uchun qiling.

Oldingi vazifani shunday o'zgartiringki, faollashtirilgan ro'yxat elementiga bosilganda uning faolligi olib tashlansin.