কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট দিয়ে CSS ভেরিয়েবল (কাস্টম প্রোপার্টি) গেট ও সেট করা


getComputedStyle() মেথড একটি অবজেক্ট রিটার্ন করে যেটিতে টার্গেট এলিমেন্টে প্রয়োগ করা সকল স্টাইল থাকে। getPropertyValue() মেথড কম্পিউটেড স্টাইল থেকে নির্দিষ্ট প্রোপার্টির মান পেতে ব্যবহৃত হয়। setProperty() ব্যবহার করে CSS ভেরিয়েবলের মান পরিবর্তন করা যায়।

উদাহরণ

নিচের উদাহরণগুলো দেখায় কিভাবে জাভাস্ক্রিপ্ট দিয়ে CSS ভেরিয়েবল গেট ও সেট করা যায়।

      

আউটপুট

ফলাফল:

জাভাস্ক্রিপ্ট দিয়ে CSS ভেরিয়েবল (কাস্টম প্রোপার্টি) গেট ও সেট করা

উদাহরণ ২

      

আউটপুট

ফলাফল:

জাভাস্ক্রিপ্ট দিয়ে CSS ভেরিয়েবল (কাস্টম প্রোপার্টি) গেট ও সেট করা


  1. সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে কোল্যাপসিবল সেকশন তৈরি করা

  2. সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে স্ন্যাকবার/টোস্ট তৈরি করা

  3. জাভাস্ক্রিপ্ট ও CSS দিয়ে টাইপিং ও ডিলিটিং ইফেক্ট তৈরি করা

  4. CSS এবং JavaScript দিয়ে অ্যাকর্ডিয়ন (Accordion) তৈরি করা