जावास्क्रिप्ट पर तत्वों को सक्रिय करना

मान लीजिए कि हमारे पास खाली कोशिकाओं वाली कुछ 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');
  });
}