সমাধান: কিভাবে জাভাস্ক্রিপ্ট দিয়ে একটি CSS ভেরিয়েবল পরিবর্তন করতে হয়

এই প্রশ্নের কোন একক উত্তর নেই কারণ দুটি ভাষা পরিবর্তনশীল অ্যাসাইনমেন্ট এবং বিভিন্ন উপায়ে ম্যানিপুলেশনের সাথে যোগাযোগ করে। সাধারণভাবে বলতে গেলে, জাভাস্ক্রিপ্টের সাথে একটি CSS ভেরিয়েবল পরিবর্তন করার চেষ্টা করার সাথে একটি সমস্যা হল যে দুটি ভাষা ভেরিয়েবল ঘোষণা এবং অ্যাক্সেস করার জন্য ভিন্ন বাক্য গঠন ব্যবহার করে। অতিরিক্তভাবে, CSS ভেরিয়েবলগুলি সাধারণত পৃথক উপাদান স্তরের পরিবর্তে স্টাইল শীট স্তরে সংজ্ঞায়িত করা হয়, যা জাভাস্ক্রিপ্ট কোডের মধ্যে থেকে অ্যাক্সেস করা কঠিন করে তুলতে পারে।

var element = document.getElementById("element");
element.style.setProperty("--variable", "new-value");

এই কোড লাইন একটি CSS ভেরিয়েবলের জন্য একটি নতুন মান সেট করছে। প্রথম লাইনটি "এলিমেন্ট" এর আইডি সহ উপাদানটি পায়। দ্বিতীয় লাইন CSS ভেরিয়েবল “–variable” এর মান “new-value” এ সেট করে।

CSS ভেরিয়েবল

CSS ভেরিয়েবলগুলি বিশ্বব্যাপী ভেরিয়েবল ব্যবহার না করেই আপনার CSS ফাইলগুলিতে ডেটা সংরক্ষণ করার একটি দুর্দান্ত উপায়। আপনি বর্তমান পৃষ্ঠার প্রস্থ বা উচ্চতা বা বর্তমান ফন্টের আকারের মতো তথ্য সংরক্ষণ করতে তাদের ব্যবহার করতে পারেন।

আপনার জাভাস্ক্রিপ্ট কোডে একটি CSS ভেরিয়েবল ব্যবহার করতে, আপনাকে প্রথমে আপনার নথির স্টাইল শীটে css সম্পত্তি অন্তর্ভুক্ত করতে হবে। তারপর, আপনি var কীওয়ার্ড ব্যবহার করে ভেরিয়েবলটি সংজ্ঞায়িত করতে পারেন:

var প্রস্থ = document.getElementById("myElement").offsetWidth;

আপনি একটি পরিবর্তনশীল থেকে পৃথক মান অ্যাক্সেস করতে css সম্পত্তি ব্যবহার করতে পারেন:

var প্রস্থ = document.getElementById("myElement").offsetWidth; var উচ্চতা = document.getElementById("myElement").offsetHeight;

CSS নিয়ন্ত্রণ করুন

জাভাস্ক্রিপ্টে, সিএসএস নিয়ন্ত্রণ করার কয়েকটি উপায় রয়েছে। একটি উপায় হল css সম্পত্তি ব্যবহার করা। এই বৈশিষ্ট্যটি আপনাকে আপনার নথিতে একটি নির্দিষ্ট উপাদানের জন্য শৈলী সেট করতে দেয়।

CSS নিয়ন্ত্রণ করার আরেকটি উপায় হল শৈলী সম্পত্তি ব্যবহার করা। এই বৈশিষ্ট্যটি আপনাকে আপনার নথিতে সমস্ত উপাদানের জন্য শৈলী সেট করতে দেয়।