Copy To ClipBord

</head> এর আগে দিতে হবে

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'/> <script src='https://clipboardjs.com/dist/clipboard.min.js'/>

CSS

<style> .copyarea { width: 100%; height: auto; display: flex; position: relative; } .copyarea textarea { background: Black; color: White; width: 100%; box-sizing: border-box; border: none; padding-top: 34px; padding-bottom: 34px; padding-right: 11px; padding-left: 11px; } .copyarea textarea:focus-visible { outline: -webkit-focus-ring-color auto 0px; } button.ClickToCopyButton { background: linear-gradient(to right, Red, Blue); color: White; width: 30%; height: auto; padding: 5px 0px; position: absolute; top: 0; right: 0; border: 2px solid White; cursor: pointer; } button.ClickToCopyButton:hover { background: linear-gradient(to right, Green, Red); } @media screen and (max-width: 500px) {button.ClickToCopyButton { width: 100%; }} </style>

HTML

  <div class="copyarea">   <textarea width="100%" rows="11" id="AddUniqueTag">     AddYourTextorCodesHere    </textarea> <button class="ClickToCopyButton" data-clipboard-target="#AddUniqueTag">Click to Copy</button> </div> 

JavaScript

<script>  $(function() { var clipboard = new ClipboardJS('.ClickToCopyButton');    $(".ClickToCopyButton").click(function() {               $(this).html('Copied!!');                var that = $(this);               var intrvrl =  setInterval(function(){                 that.html('Click to Copy');                clearInterval(intrvrl); },              2000); }); }); </script>