JavaScript'te Öğeleri Etkinleştirme

Bir #table HTML tablomuz olduğunu ve hücrelerinin boş olduğunu varsayalım.

Herhangi bir hücreye tıklandığında onun bir şekilde etkinleşmesini, örneğin arka plan renginin kırmızı olmasını sağlayalım. Bunun için etkin hücrelere bir CSS sınıfı vereceğiz:

css.active {
  background: red;
}

Etkinleştirmeyi uygulayalım:

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

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