जावास्क्रिप्ट पर तत्वों को सक्रिय करना
मान लीजिए कि हमारे पास खाली कोशिकाओं वाली कुछ 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');
});
}
एचटीएमएल सूची ul दी गई है। ऐसा करें,
ताकि सूची के किसी भी आइटम पर क्लिक करने पर वह
लाल पृष्ठभूमि से सक्रिय हो जाए।
पिछले कार्य को इस तरह संशोधित करें कि सक्रिय आइटम पर क्लिक करने पर सक्रियता हट जाए।
