JavaScript'te Öğeleri Etkinleştirme

Bir #table HTML tablomuz olduğunu ve hücrelerinin boş olduğunu varsayalım.

Herhangi bir hücreye tıklandığında onun bir şekilde etkinleşmesini, örneğin arka plan renginin kırmızı olmasını sağlayalım. Bunun için etkin hücrelere bir CSS sınıfı vereceğiz:

.active {
	background: red;
}

Etkinleştirmeyi uygulayalım:

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

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

Bir HTML listesi ul verilmiştir. Listenin herhangi bir öğesine tıklandığında kırmızı arka plan ile etkinleşmesini sağlayın.

Önceki görevi, etkin bir liste öğesine tıklandığında etkinliğinin kaldırılması için değiştirin.