HTML DOM console.groupCollapsed() পদ্ধতিটি একটি ধসে পড়া বার্তা গোষ্ঠীর শুরুকে নির্দিষ্ট করে৷
সিনট্যাক্স
নিচের সিনট্যাক্স −
console.groupCollapsed(label)
এখানে, লেবেল হল গ্রুপের জন্য লেবেল।
উদাহরণ
আসুন console.groupCollapsed() পদ্ধতি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html> <html> <body> <h1>console.groupCollapsed() Method</h1> <p>Press F12 key to view the message in the console view.</p> <button type="button" onclick="normMessage>NORMAL</button> <button type="button" onclick="CollMessage()">COLLAPSED</button> <script> function normMessage(){ console.log("Hello world!"); } function CollMessage(){ console.groupCollapsed(); console.log("This message will be inside a collapsed group!"); console.log("This message will also be inside a collapsed group!"); } </script> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
সাধারন বোতামে ক্লিক করার পরে এবং বিকাশকারী বিকল্পগুলিতে কনসোল ভিউ দেখে -
কোলাপ্সড বোতামে ক্লিক করলে এবং ডেভেলপার অপশনে কনসোল ভিউ দেখবেন -
কোলাপ্সড বোতামে ক্লিক করলে এবং ডেভেলপার অপশনে কনসোল ভিউ দেখবেন -
উপরের উদাহরণে -
আমরা COLLAPSED এবং GROUP দুটি বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে CollMessage() এবং groupMessage() পদ্ধতিটি কার্যকর করবে৷
<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="CollMessage()">COLLAPSED</button>
normMessage() পদ্ধতিতে console.log() পদ্ধতি রয়েছে যা একটি স্ট্রিং বা বস্তু গ্রহণ করে যা একটি প্যারামিটার হিসাবে সরবরাহ করা হয় এবং এটি কেবল কনসোলে প্রদর্শন করে৷
function normMessage(){ console.log("Hello world!"); }
CollMessage() পদ্ধতির ভিতরে console.groupCollapsed() পদ্ধতি রয়েছে যা বলে যে এই পয়েন্টের পরে লেখা সমস্ত বার্তাগুলি একটি ভেঙে পড়া বার্তা গোষ্ঠীর মধ্যে প্রদর্শিত হবে। গ্রুপ() পদ্ধতির ডিফল্ট বর্ধিত দৃশ্যের বিপরীতে বার্তাগুলি এখন বার্তা গোষ্ঠীর মধ্যে ভেঙে ফেলা হয়েছে -
function CollMessage(){ console.groupCollapsed(); console.log("This message will be inside a collapsed group!"); console.log("This message will also be inside a collapsed group!"); }৷