Kuwezesha Vipengele kwa JavaScript

Hebu tuchukulie tuna jedwali la HTML #table lenye seli tupu.

Hebu tufanye ili kwa kubofya kwa seli yoyote iweze kuwezeshwa kwa namna fulani, kwa mfano, ikawa na rangi nyekundu ya usuli. Kwa hiyo kwa seli zilizowezeshwa tutazipa aina fulani ya darasa la CSS:

.active {
	background: red;
}

Tutekeleze uwezeshaji:

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

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

Kuna orodha ya HTML ul. Fanya ili kwa kubofya kwa kipengele chochote cha orodha kiwezeshwe kwa rangi nyekundu ya usuli.

Badilisha shida iliyotangulia ili kwa kubofya kwenye kipengele kilichowezeshwa cha orodha uwezeshaji ukiondoleweshwa kwake.