Elementlərin JavaScript-də aktivləşdirilməsi

Tutaq ki, bizim bəzi HTML cədvəlimiz #table boş xanalarla var.

Gəlin elə edək ki, istənilən xanaya klikləndikdə o, nə isə bir şəkildə aktivləşsin, məsələn, qırmızı fon rənginə çevrilsin. Bunun üçün aktivləşdirilmiş xanalara bəzi CSS sinifi verək:

css.active {
  background: red;
}

Aktivləşdirməni həyata keçirək:

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

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