কম্পিউটার টিউটোরিয়াল

HTML DOM console.groupEnd() মেথড


HTML DOM console.groupEnd() মেথড একটি মেসেজ গ্রুপের শেষ নির্দেশ করতে ব্যবহৃত হয়। এটি কনসোলে করেন্ট মেসেজ গ্রুপ থেকে বের হয়।

সিনট্যাক্স

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

console.groupEnd()

উদাহরণ

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

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

আউটপুট

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

HTML DOM console.groupEnd() মেথড

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

HTML DOM console.groupEnd() মেথড

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

HTML DOM console.groupEnd() মেথড

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

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

<button type="button" onclick="groupMessage()">GROUP</button> <button type="button" onclick="EndGroup()">END GROUP</button>

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!"); }

EndGroup() মেথডে console.groupEnd() মেথড রয়েছে যা বলে যে এই পয়েন্টের পর লেখা সকল মেসেজ মেসেজ গ্রুপের বাইরে দেখানো হবে। এটি এরর থ্রো করবে না যদি আগে কোনো মেসেজ গ্রুপ না থাকে -

function EndGroup(){ console.groupEnd(); console.log("We are now outside the group"); console.log("This message will be outside the group!"); }

  1. HTML DOM console.log() মেথড

  2. HTML DOM console.info() মেথড

  3. HTML DOM console.groupCollapsed() মেথড

  4. HTML DOM createEvent() মেথড