HTML DOM console.groupCollapsed() মেথড

HTML DOM console.groupCollapsed() মেথড একটি Колapsed মেসেজ গ্রুপের শুরু নির্দিষ্ট করে।

সিনট্যাক্স

সিনট্যাক্স নিচে দেওয়া হলো -

console.groupCollapsed(label)

এখানে, label গ্রুপের জন্য লেবেল।

উদাহরণ

console.groupCollapsed() মেথডের একটি উদাহরণ দেখি -

<!DOCTYPE html> <html> <body> <h1>console.groupCollapsed() Method</h1> <p>কনসোল ভিউতে মেসেজ দেখতে F12 কী প্রেস করুন।</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>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে -

NORMAL বাটনে ক্লিক করলে এবং ডেভেলপার অপশনসের কনসোল ভিউতে দেখলে -

COLLAPSED বাটনে ক্লিক করলে এবং ডেভেলপার অপশনসের কনসোল ভিউতে দেখলে -

COLLAPSED বাটনে ক্লিক করলে এবং ডেভেলপার অপশনসের কনসোল ভিউতে দেখলে -

উপরের উদাহরণে -

আমরা 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!"); }