การเปิดใช้งานองค์ประกอบด้วย JavaScript

สมมติว่าเรามีตาราง HTML #table ที่มีเซลล์ว่าง

มาทำให้เมื่อคลิกที่เซลล์ใด ๆ เซลล์นั้นจะถูก เปิดใช้งาน ในลักษณะใดลักษณะหนึ่ง ตัวอย่างเช่น พื้นหลังเปลี่ยนเป็นสีแดง สำหรับ เซลล์ที่เปิดใช้งานแล้ว เราจะกำหนด คลาส CSS บางอย่างให้:

.active {
	background: red;
}

มาลงมือทำให้สามารถเปิดใช้งานได้:

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

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

ให้รายการ HTML ul สร้างให้ เมื่อคลิกที่รายการใด ๆ ในรายการ รายการนั้นจะถูกเปิดใช้งานโดยมีพื้นหลังสีแดง

ปรับปรุงงานก่อนหน้า เพื่อให้ เมื่อคลิกที่รายการที่เปิดใช้งานแล้ว การเปิดใช้งานนั้นถูกยกเลิก