Элементларни 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 берилган. Ҳар қандай рўйхат элементини босганимизда у қизил фон билан фаоллашишини таъминланг.

Олдинги машқни шундай модификация қилингки, фаол элементни босганимизда унинг фаоллиги олиб ташлансин.