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:
css.active {
background: red;
}
Mari kita implementasikan aktivasi:
javascriptlet tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Задание 1
Diberikan daftar HTML ul. Buatlah agar
saat diklik pada item daftar mana pun, item tersebut
teraktivasi dengan latar belakang merah.
Задание 2
Modifikasi tugas sebelumnya sehingga saat diklik pada item daftar yang sudah aktif, aktivasi pada item tersebut dihapus.