JSFiddle - React, Tailwind, and code Playground

HTML

<div class='copyclip'>CLICK TO COPY</div>
<textarea id="textarea" rows="20"></textarea>

CSS

.copyclip {
    background:yellow;
    width: 120px;
    textalign: center;
}

JavaScript

$(document).ready(function() { 

  $('.copyclip').click(function(){
  	  $("#textarea").focus();
  	  $("#textarea").select();
  	  var report = $("#textarea").text().replace(/\u000a/g,'\u000d\u000a')
  	  copyToClipboard(report);
  }); 

function copyToClipboard(s) {
    if (window.clipboardData && clipboardData.setData) {
        clipboardData.setData('text', s);
        $("#textarea").append("\n\r\r\n\r\rCopied to clipboard");
    }
}    
    
})