HTML DOM कंसोल.ग्रुपएंड () विधि का उपयोग संदेश समूह के अंत को इंगित करने के लिए किया जाता है। यह कंसोल में वर्तमान संदेश समूह से बाहर निकलता है।
सिंटैक्स
Follwing कंसोल.ग्रुपएंड () विधि के लिए सिंटैक्स है -
console.groupEnd()
उदाहरण
आइए हम HTML DOM कंसोल के लिए एक उदाहरण देखें।ग्रुपएंड () विधि -
<!DOCTYPE html>
<html>
<body>
<h1>console.groupEnd() Method</h1>
<p>Press F12 key to view the message in the console view.</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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
ग्रुप बटन पर क्लिक करने और डेवलपर विकल्पों में कंसोल व्यू देखने पर -
एंड ग्रुप बटन पर क्लिक करने और डेवलपर विकल्पों में कंसोल व्यू को देखने पर -
उपरोक्त उदाहरण में -
हमने दो बटन GROUP और END GROUP बनाए हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर groupMessage () और EndGroup () विधि को निष्पादित करेंगे -
<button type="button" onclick="groupMessage()">GROUP</button> <button type="button" onclick="EndGroup()">END GROUP</button>
ग्रुपमैसेज () मेथड में कंसोल.ग्रुप () मेथड है, जिसमें बताया गया है कि इस पॉइंट के बाद लिखे गए सभी मैसेज एक मैसेज ग्रुप के अंदर प्रदर्शित होंगे -
function groupMessage(){
console.group();
console.log("This message will be inside a group!");
console.log("This message will also be inside a group!");
} EndGroup () विधि में इसके अंदर कंसोल.ग्रुपएंड () विधि है, जिसमें बताया गया है कि इस बिंदु के बाद लिखे गए सभी संदेशों को संदेश समूह के बाहर प्रदर्शित किया जाएगा। यदि इससे पहले कोई संदेश समूह मौजूद नहीं था तो यह कोई त्रुटि नहीं देगा -
function EndGroup(){
console.groupEnd();
console.log("We are now outside the group");
console.log("This message will be outside the group!");
}