Фаъол кардани элементҳо дар JavaScript

Бигзор мо як ҷадвали HTML-и #table дошта бошем, ки ҳуҷайраҳои холӣ дорад.

Биёед ҳамчунин кунем, ки бо фишурдани ҳар як ҳуҷайра он ба як усуле фаъол шавад, масалан, ранги заминааш сурх шавад. Барои ин ба ҳуҷайраҳои фаъол як синфи CSS медиҳем:

.active {
	background: red;
}

Фаъолсозиро амалӣ мекунем:

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

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

Як рӯйхати HTML-и ul дода шудааст. Ҳамчунин кунед, ки бо фишурдани ба ҳар як ашёи рӯйхат он бо заминаи сурх фаъол шавад.

Масъалаи қаблиро тавре тағйир диҳед, ки бо фишурдани ба ашёи фаъолшавандаи рӯйхат фаъолият аз он бардошта шавад.