Ενεργοποίηση Στοιχείων σε 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');
  });
}