การเปิดใช้งานองค์ประกอบด้วย 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');
  });
}