HTML DOM Samp Object - सैंपल आउटपुट एलिमेंट

HTML DOM Samp Object

HTML DOM Samp Object HTML दस्तावेज़ में <samp> एलिमेंट को दर्शाता है। <samp> एलिमेंट कंप्यूटर प्रोग्राम के नमूना आउटपुट (sample output) को परिभाषित करने के लिए उपयोग किया जाता है।

Samp Object बनाना

document.createElement("SAMP");

उदाहरण

JavaScript का उपयोग करके डायनामिकली सैंप आउटपुट एलिमेंट बनाना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #fff; color: #0197F6; }
  h1 { color: #23CE6B; }
  .btn {
    background-color: #fff;
    border: 1.5px dashed #0197F6;
    height: 2rem;
    border-radius: 2px;
    width: 60%;
    margin: 2rem auto;
    display: block;
    color: #0197F6;
    outline: none;
    cursor: pointer;
  }
  p { font-size: 1.2rem; background-color: #db133a; color: #fff; padding: 8px; }
</style>
</head>
<body>
<h1>DOM Samp Object Demo</h1>
<button onclick="createSamp()" class="btn">एक samp ऑब्जेक्ट बनाएं</button>
<script>
  function createSamp() {
    var sampElement = document.createElement("SAMP");
    sampElement.innerHTML = "JavaScript में console.log(2+3) का आउटपुट 5 है";
    document.body.appendChild(sampElement);
  }
</script>
</body>
</html>

आउटपुट

"एक samp ऑब्जेक्ट बनाएं" बटन पर क्लिक करने पर एक <samp> एलिमेंट बनेगा जिसमें टेक्स्ट "JavaScript में console.log(2+3) का आउटपुट 5 है" होगा। यह डिफ़ॉल्ट रूप से मोनोस्पेस फॉन्ट में प्रदर्शित होता है।

मुख्य बिंदु

• <samp> सिमेंटिक HTML एलिमेंट है जो प्रोग्राम/कंप्यूटर आउटपुट को दर्शाता है
• ब्राउज़र डिफ़ॉल्ट रूप से इसे मोनोस्पेस फॉन्ट (monospace) में रेंडर करते हैं
• <code> के साथ संयोजन में उपयोगी - <code> इनपुट कोड के लिए, <samp> आउटपुट के लिए
• document.createElement("SAMP") से डायनामिकली बना सकते हैं
• टेक्निकल डॉक्यूमेंटेशन, ट्यूटोरियल और कोड उदाहरणों में उपयोगी