Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM console.group() मेथड


HTML DOM console.group() मेथड का उपयोग मैसेज ग्रुप की शुरुआत को इंगित करने के लिए किया जाता है और इस मेथड के बाद लिखे गए सभी मैसेज मैसेज ग्रुप के अंदर लिखे जाएंगे। यह सभी मैसेजेस के लिए एक ग्रुप बनाने या लेबल पैरामीटर का उपयोग करके कई ग्रुप बनाने की अनुमति देता है।

सिंटैक्स (Syntax)

console.group() मेथड का सिंटैक्स:

console.group([label])

यहां, label एक वैकल्पिक पैरामीटर है। यह स्ट्रिंग टाइप का है और बनाए गए मैसेज ग्रुप के लिए लेबल के रूप में कार्य करता है।

उदाहरण (Example)

HTML DOM console.group() मेथड का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>console.group() Method</h1> <p>कंसोल व्यू में मैसेज देखने के लिए F12 की दबाएं।</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>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

HTML DOM console.group() मेथड

NORMAL बटन पर क्लिक करने और कंसोल देखने पर:

HTML DOM console.group() मेथड

GROUP बटन पर क्लिक करने और कंसोल देखने पर:

HTML DOM console.group() मेथड

उपरोक्त उदाहरण में:

हमने दो बटन NORMAL और GROUP बनाए जो यूजर द्वारा क्लिक किए जाने पर normMessage() और groupMessage() मेथड को एक्जीक्यूट करेंगे:

<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="groupMessage()">GROUP</button>

normMessage() मेथड में console.log() मेथड है जो पैरामीटर के रूप में सप्लाई किए गए स्ट्रिंग या ऑब्जेक्ट को लेता है और बस इसे कंसोल पर प्रदर्शित करता है:

function normMessage() { console.log("Hello world!"); }

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

  1. HTML DOM console.groupEnd() मेथड HTML DOM console.groupEnd() मेथड

    HTML DOM console.groupEnd() मेथड का उपयोग मैसेज ग्रुप के अंत को इंगित करने के लिए किया जाता है। यह कंसोल में वर्तमान मैसेज ग्रुप से बाहर निकलता है।सिंटैक्स (Syntax)console.groupEnd() मेथड का सिंटैक्स:console.groupEnd()उदाहरण (Example)HTML DOM console.groupEnd() मेथड का एक उदाहरण:<!DOCTYPE html>

  1. HTML DOM console.groupCollapsed() मेथड HTML DOM console.groupCollapsed() मेथड

    HTML DOM console.groupCollapsed() मेथड एक संकुचित (collapsed) मैसेज ग्रुप की शुरुआत को निर्दिष्ट करता है।सिंटैक्स (Syntax)सिंटैक्स निम्नलिखित है:console.groupCollapsed(label)यहां, label ग्रुप के लिए लेबल है।उदाहरण (Example)console.groupCollapsed() मेथड का एक उदाहरण:<!DOCTYPE html> <html>

  1. HTML DOM createEvent() मेथड HTML DOM createEvent() मेथड

    HTML DOM createEvent() मेथड का उपयोग एक इवेंट ऑब्जेक्ट बनाने के लिए किया जाता है जिसका टाइप पैरामीटर में निर्दिष्ट होगा। बनाए गए इवेंट को उपयोग करने से पहले इनिशियलाइज़ किया जाना चाहिए। इवेंट को HTML एलिमेंट में डिस्पैच करने के लिए आपको उस निर्दिष्ट नोड पर dispatchEvent() मेथड का उपयोग करना होगा।सिं