এইচটিএমএল DOM console.group() পদ্ধতিটি বার্তা গ্রুপের শুরু নির্দেশ করতে ব্যবহৃত হয় এবং এই পদ্ধতির পরে লেখা সমস্ত বার্তা বার্তা গ্রুপের ভিতরে লেখা হবে। এটি লেবেল প্যারামিটার ব্যবহার করে সমস্ত বার্তার জন্য একটি গ্রুপ বা একাধিক গ্রুপ তৈরি করার অনুমতি দেয়।
সিনট্যাক্স
console.group() পদ্ধতি -
-এর সিনট্যাক্স নিচে দেওয়া হলconsole.group([label])
এখানে, লেবেল একটি ঐচ্ছিক পরামিতি। এটি স্ট্রিং ধরণের এবং তৈরি করা বার্তা গোষ্ঠীর জন্য একটি লেবেল হিসাবে কাজ করে৷
উদাহরণ
আসুন HTML DOM console.group() পদ্ধতি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>console.group() 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="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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
সাধারন বোতামে ক্লিক করলে এবং কনসোলের দিকে তাকান -
GROUP বোতামে ক্লিক করলে এবং কনসোলের দিকে তাকান -
উপরের উদাহরণে -
আমরা সাধারণ এবং 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!");
} 