HTML DOM console.groupCollapsed() मेथड एक संकुचित (collapsed) मैसेज ग्रुप की शुरुआत को निर्दिष्ट करता है।
सिंटैक्स (Syntax)
सिंटैक्स निम्नलिखित है:
console.groupCollapsed(label)
यहां, label ग्रुप के लिए लेबल है।
उदाहरण (Example)
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>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
NORMAL बटन पर क्लिक करने और डेवलपर ऑप्शन में कंसोल व्यू देखने पर:
COLLAPSED बटन पर क्लिक करने और डेवलपर ऑप्शन में कंसोल व्यू देखने पर:
उपरोक्त उदाहरण में:
हमने दो बटन COLLAPSED और NORMAL बनाए जो यूजर द्वारा क्लिक किए जाने पर CollMessage() और normMessage() मेथड को एक्जीक्यूट करेंगे:
<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!"); }
