Տարրերի ակտիվացում 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');
  });
}