discord embed copy in clipboard button in javascript

<div class="discord-embed">
  <h2>Title</h2>
  <p>Message</p>
  <button class="copy-button">Copy to Clipboard</button>
</div>
126 chars
6 lines

.discord-embed {
  background-color: #36393f;
  color: #fff;
  padding: 1em;
  border-radius: 5px;
}

.copy-button {
  background-color: #7289da;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: .5em;
  cursor: pointer;
  margin-top: 10px;
}
257 chars
17 lines

index.tsx
// Initialize ClipboardJS with your button element
var copyButton = document.querySelector('.copy-button');
var clipboard = new ClipboardJS(copyButton);

// When the copy occurs
clipboard.on('success', function(e) {
    console.log('Copied to clipboard!');
});

// When the copy fails
clipboard.on('error', function(e) {
    console.log('Failed to copy to clipboard!');
});
374 chars
14 lines