Элементларни JavaScript орқали фаоллаштириш

Фарз қилайлик, бизда бўш ҳужайралардан иборат бирор HTML таблица #table мавжуд.

Келинг, ҳар қандай ҳужайрани босганимизда у қандайдир тарзда фаоллашсин, масалан, фонди қизил рангга айланади. Буни амалга ошириш учун фаол ҳужайраларга бирор CSS класс берамиз:

css.active {
  background: red;
}

Фаоллаштиришни амалга оширамиз:

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

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