HTML DOM console.groupCollapsed() विधि एक संक्षिप्त संदेश समूह की शुरुआत निर्दिष्ट करती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
console.groupCollapsed(label)
यहाँ, लेबल समूह के लिए लेबल है।
उदाहरण
आइए कंसोल के लिए एक उदाहरण देखें।ग्रुपकोलैप्ड () विधि -
<!DOCTYPE html>
<html>
<body>
<h1>console.groupCollapsed() 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="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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
नॉर्मल बटन पर क्लिक करने और डेवलपर विकल्पों में कंसोल व्यू को देखने पर -
COLLAPSED बटन पर क्लिक करने और डेवलपर विकल्पों में कंसोल व्यू को देखने पर -
COLLAPSED बटन पर क्लिक करने और डेवलपर विकल्पों में कंसोल व्यू को देखने पर -
उपरोक्त उदाहरण में -
हमने दो बटन COLLAPSED और GROUP बनाए हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर CollMessage () और groupMessage () विधि को निष्पादित करेंगे।
<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="CollMessage()">COLLAPSED</button>
नॉर्ममैसेज () विधि में कंसोल.लॉग () विधि है जो एक स्ट्रिंग या ऑब्जेक्ट को लेती है जो एक पैरामीटर के रूप में आपूर्ति की जाती है और इसे केवल कंसोल पर प्रदर्शित करती है।
function normMessage(){
console.log("Hello world!");
} CollMessage () विधि में इसके अंदर कंसोल.ग्रुपकोलैप्ड () विधि है जो बताती है कि इस बिंदु के बाद लिखे गए सभी संदेश एक संक्षिप्त संदेश समूह के अंदर प्रदर्शित होंगे। समूह () विधि के डिफ़ॉल्ट विस्तारित दृश्य के विपरीत संदेश अब संदेश समूह के अंदर संक्षिप्त हो गए हैं -
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!");
}