ელემენტების აქტივაცია 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');
  });
}