HTML DOM console.group() মেথড

HTML DOM console.group() মেথড একটি মেসেজ গ্রুপের শুরু নির্দেশ করতে ব্যবহৃত হয় এবং এই মেথডের পরে লেখা সকল মেসেজ মেসেজ গ্রুপের ভিতরে লেখা হবে। এটি একটি গ্রুপে সকল মেসেজ রাখতে বা লেবেল প্যারামিটার ব্যবহার করে একাধিক গ্রুপ তৈরিতে সহায়তা করে।

সিনট্যাক্স

console.group() মেথডের সিনট্যাক্স নিচে দেওয়া হলো -

console.group([label])

এখানে, label একটি অপশনাল প্যারামিটার। এটি স্ট্রিং টাইপের এবং তৈরি মেসেজ গ্রুপের জন্য লেবেল হিসেবে কাজ করে।

উদাহরণ

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

<!DOCTYPE html> <html> <body> <h1>console.group() Method</h1> <p>কনসোল ভিউতে মেসেজ দেখতে F12 কী প্রেস করুন।</p> <button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="groupMessage()">GROUP</button> <script> function normMessage(){ console.log("Hello world!"); } function groupMessage(){ console.group(); console.log("This message will be inside a group!"); console.log("This message will also be inside a group!"); } </script> </body> </html>

আউটপুট

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

HTML DOM console.group() মেথড

NORMAL বাটনে ক্লিক করলে এবং কনসোল দেখলে -

HTML DOM console.group() মেথড

GROUP বাটনে ক্লিক করলে এবং কনসোল দেখলে -

HTML DOM console.group() মেথড

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

আমরা দুটি বাটন NORMAL এবং GROUP তৈরি করেছি যা ইউজার ক্লিক করলে normMessage() এবং groupMessage() মেথড এক্সিকিউট করবে।

<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="groupMessage()">GROUP</button>

normMessage() মেথডে console.log() মেথড রয়েছে যা একটি স্ট্রিং বা অবজেক্ট প্যারামিটার হিসেবে নিয়ে সেটি কনসোলে প্রদর্শন করে -

function normMessage(){ console.log("Hello world!"); }

groupMessage() মেথডে console.group() মেথড রয়েছে যা বলে যে এই পয়েন্টের পর লেখা সকল মেসেজ একটি মেসেজ গ্রুপের ভিতরে প্রদর্শিত হবে: -

function groupMessage(){ console.group(); console.log("This message will be inside a group!"); console.log("This message will also be inside a group!"); }