জাভাস্ক্রিপ্টে এলিমেন্ট সক্রিয়করণ

ধরুন আমাদের কাছে কিছু 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 দেওয়া আছে। এমন করুন, যাতে তালিকার যেকোনো আইটেমে ক্লিক করলে সেটি লাল ব্যাকগ্রাউন্ড দ্বারা সক্রিয় হয়।

পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে ইতিমধ্যে সক্রিয় একটি তালিকার আইটেমে ক্লিক করলে তার সক্রিয়তা সরিয়ে নেওয়া হয়।