Css ব্যবহার করে শৈলী আমরা লুকাতে পারি অথবা দেখান জাভাস্ক্রিপ্টে এইচটিএমএল উপাদান। সিএসএস block এর মত বৈশিষ্ট্য প্রদান করে এবং কোনটিই এইচটিএমএল উপাদান লুকাতে/দেখাতে।
একটি উপাদান লুকানো
উদাহরণ
নিম্নলিখিত উদাহরণে যখন "Hideme" বোতামটি ক্লিক করেছে তখন অনুচ্ছেদ ট্যাগের পাঠ্যটি আউটপুটে দেখানো হিসাবে অদৃশ্য হয়ে গেছে৷
<html>
<body>
<p id="hide">Using JavaScript to hide HTML elements.</p>
<input type="button" onclick="document.getElementById('hide').style.display='none' value="Hideme">
</body>
</html> একবার উপরের কোডটি কার্যকর করা হলে, নিম্নলিখিতগুলি প্রদর্শিত হবে
উপরের ব্লক থেকে, যদি আমরা "Hideme" বোতামে ক্লিক করি, তাহলে ব্লকে উপস্থিত টেক্সটটি আউটপুটে দেখানো মত অদৃশ্য হয়ে যাবে, শুধুমাত্র বোতামটি রেখে যাবে।
আউটপুট
একটি উপাদান দেখানো হচ্ছে
উদাহরণ
নিম্নলিখিত উদাহরণে, অনুচ্ছেদ ট্যাগের পাঠ্যটি প্রাথমিকভাবে লুকানো থাকে কিন্তু যখন "শোমে" ক্লিক করা হয় তখন আউটপুটে দেখানো টেক্সটটি প্রদর্শিত হয়।
<html>
<body>
<p id="show" style="display:none">JavaScript can show hidden HTML elements</p>
<input type="button"onclick="document.getElementById('show').style.display='block'"value="ShowMe">
</body>
</html> একবার উপরের কোডটি কার্যকর করা হলে, নিম্নলিখিতটি স্ক্রিনে প্রদর্শিত হবে
আমরা উপরের বোতামটি ক্লিক করলে নিম্নলিখিত আউটপুটটি কার্যকর হবে
আউটপুট
