JSFiddle - React, Tailwind, and code Playground

by Ajay Shrestha

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.8/clipboard.min.js"></script>
<div class="wrapper">

  <button class="copy">Copy</button>
  <div id="copy">Text to be copied </div>
</div>

JavaScript

$(function() {
  var copy = new Clipboard('.copy', {
    target: function(trigger,next) {
    		console.log(trigger,next);
        return trigger.nextElementSibling;
    }
});
copy.on("success",function(){
	alert("Copied");
});
copy.on("error",function(){
	alert("Try Ctrl + C");
});
});