JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.1/clipboard.min.js"></script>
<button class="btn" data-clipboard-target="#landingpage-1">Copy Content</button>

<div id="landingpage-1">
  Target
</div>

<button class="btn" data-clipboard-target="#landingpage-2">Copy Content</button>

<div id="landingpage-2">
  Target
</div>

<button class="btn" data-clipboard-target="#landingpage-3">Copy Content</button>

<div id="landingpage-3">
  Target
</div>

JavaScript

$(function() {
  var $btnCopy = $('.btn');

  $btnCopy.on('click', function() {
  
    var clipboard = new Clipboard('.btn');

    clipboard.on('success', function(e) {
      $(this).text('Copied');

      setTimeout(function() {
        $(this).text('Copy')
      }, 2000);
      
    }):
    
  });
  
});