Aktivasi Elemen dengan JavaScript

Misalkan kita memiliki tabel HTML #table dengan sel kosong.

Mari kita buat agar saat diklik pada sel apa pun, sel tersebut teraktivasi dengan cara tertentu, misalnya, menjadi berlatarbelakang merah. Untuk hal ini, kita akan memberikan kelas CSS tertentu pada sel yang diaktifkan:

.active {
	background: red;
}

Mari kita implementasikan aktivasi:

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

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

Diberikan daftar HTML ul. Buatlah agar saat diklik pada item daftar mana pun, item tersebut teraktivasi dengan latar belakang merah.

Modifikasi tugas sebelumnya sehingga saat diklik pada item daftar yang sudah aktif, aktivasi pada item tersebut dihapus.