জাভাস্ক্রিপ্টে CSS ক্লাস ব্যবহার করে স্টাইল করার সুবিধা

সরাসরি স্টাইল পরিবর্তন করার পরিবর্তে ক্লাস ব্যবহার করার আরও একটি সুবিধা রয়েছে। হাতের একটি সহজ নড়াচড়ার মাধ্যমে উপাদানগুলির স্টাইলগুলি একের পর এক পরিবর্তন করা সম্ভব।

উদাহরণস্বরূপ, এটি করা যেতে পারে যে যখন প্রথমবার একটি অনুচ্ছেদে ক্লিক করা হবে তখন এটি একটি নির্দিষ্ট রঙে রঞ্জিত হবে, এবং যখন দ্বিতীয়বার ক্লিক করা হবে তখন এটি তার আসল রঙে ফিরে আসবে। এটি করার জন্য শুধুমাত্র add মেথডটিকে toggle মেথড দিয়ে প্রতিস্থাপন করতে হবে:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    this.classList.toggle('colored');
  });
}