HTML DOM कंसोल.ग्रुप () विधि का उपयोग संदेश समूह की शुरुआत को इंगित करने के लिए किया जाता है और इस विधि के बाद लिखे गए सभी संदेशों को संदेश समूह के अंदर लिखा जाएगा। यह लेबल पैरामीटर का उपयोग करके सभी संदेशों या कई समूहों के लिए एक समूह बनाने की अनुमति देता है।
सिंटैक्स
कंसोल.ग्रुप () विधि के लिए सिंटैक्स निम्नलिखित है -
console.group([label])
यहां, लेबल एक वैकल्पिक पैरामीटर है। यह स्ट्रिंग प्रकार का होता है और बनाए गए संदेश समूह के लिए एक लेबल के रूप में कार्य करता है।
उदाहरण
आइए HTML DOM कंसोल.ग्रुप () विधि के लिए एक उदाहरण देखें -
<!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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
नॉर्मल बटन पर क्लिक करने और कंसोल को देखने पर -
ग्रुप बटन पर क्लिक करने और कंसोल को देखने पर -
उपरोक्त उदाहरण में -
हमने दो बटन NORMAL और GROUP बनाए हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर मानदंड () और groupMessage () विधि को निष्पादित करेंगे।
<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="groupMessage()">GROUP</button>
नॉर्ममैसेज () विधि में कंसोल.लॉग () विधि है जो एक पैरामीटर के रूप में आपूर्ति की गई स्ट्रिंग या ऑब्जेक्ट को लेती है और इसे केवल कंसोल पर प्रदर्शित करती है -
function normMessage(){ console.log("Hello world!"); }
GroupMessage () विधि में इसके अंदर कंसोल.ग्रुप () विधि है जो बताती है कि इस बिंदु के बाद लिखे गए सभी संदेश एक संदेश समूह के अंदर प्रदर्शित होंगे:
function groupMessage(){ console.group(); console.log("This message will be inside a group!"); console.log("This message will also be inside a group!"); }