সিএসএস এবং জাভাস্ক্রিপ্ট নিজেই ব্যবহার করে আমি অন্য পদ্ধতির সন্ধান করেছি।
এটি কেবল ক্লাস এবং আইডির সাথে টিঙ্কারিং শুরু করার জন্য।
সিএসএস স্নিপেট:
1. একটি সিএসএস আইডি নিয়ম তৈরি করুন, এবং এটির নাম দিন #jsDis।
2. শরীরের উপাদানগুলির পরে কোনও পাঠ্য উত্পন্ন করতে "সামগ্রী" বৈশিষ্ট্যটি ব্যবহার করুন। (আপনি নিজের ইচ্ছামতো স্টাইল করতে পারেন)।
3 য় একটি সিএসএস আইডি নিয়ম তৈরি করুন এবং এটির নাম দিন #jsEn, এবং এটি স্টাইল করুন। (সরলতার জন্য, আমি আমার # জেএসইন রুলকে একটি ভিন্ন পটভূমির রঙ দিয়েছি।
<style>
#jsDis:after {
content:"Javascript is Disable. Please turn it ON!";
font:bold 11px Verdana;
color:#FF0000;
}
#jsEn {
background-color:#dedede;
}
#jsEn:after {
content:"Javascript is Enable. Well Done!";
font:bold 11px Verdana;
color:#333333;
}
</style>
জাভাস্ক্রিপ্ট স্নিপেট:
1. একটি ফাংশন তৈরি করুন।
২. getElementById সহ বডি আইডিটি ধরুন এবং এটিকে একটি ভেরিয়েবলের জন্য বরাদ্দ করুন।
৩. জেএস ফাংশন 'সেটঅ্যাট্রিবিউট' ব্যবহার করে, BODY উপাদানটির আইডি বৈশিষ্ট্যের মান পরিবর্তন করুন।
<script>
function jsOn() {
var chgID = document.getElementById('jsDis');
chgID.setAttribute('id', 'jsEn');
}
</script>
এইচটিএমএল অংশ।
1. #jsDis এর আইডির সাথে বডি উপাদান উপাদানটির নাম দিন।
২. ফাংশনটির নাম সহ ওলোনড ইভেন্টটি যুক্ত করুন। (JSON ())।
<body id="jsDis" onLoad="jsOn()">
BODY ট্যাগের কারণে # jsDis এর আইডি দেওয়া হয়েছে:
- জাভাস্ক্রিপ্ট সক্ষম করা থাকলে এটি নিজেই BODY ট্যাগের বৈশিষ্ট্যটি পরিবর্তন করতে পারে।
- জাভাস্ক্রিপ্ট যদি অক্ষম হয় তবে এটি CSS বিষয়বস্তু: 'রুল টেক্সট দেখায়।
আপনি একটি # র্যাপার ধারক বা জেএস ব্যবহার করে এমন কোনও ডিআইভির সাথে চারপাশে খেলতে পারেন।
আশা করি এটি ধারণা পেতে সহায়তা করবে।