Pengaktifan Elemen dalam JavaScript

Katakan kita mempunyai satu jadual HTML #table dengan sel-sel yang kosong.

Mari kita buat supaya apabila mana-mana sel diklik, ia akan diaktifkan dengan cara tertentu, contohnya, latar belakangnya menjadi merah. Untuk tujuan ini, kita akan berikan satu kelas CSS kepada sel yang diaktifkan:

.active {
	background: red;
}

Mari laksanakan pengaktifan:

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

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

Diberi senarai HTML ul. Buatkan supaya, apabila mana-mana item senarai diklik, item tersebut diaktifkan dengan latar belakang merah.

Ubah suai tugas sebelumnya supaya apabila item senarai yang sudah diaktifkan diklik, pengaktifannya dialihkan.