JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<h1 id="target" onclick="func1()">
   This little piggy went to market and this little piggy stayed home.
</h1>
<script>
function func1(){
  var targetElem = document.getElementById("target");
  window.t = targetElem;
  targetElem.select();
  document.execCommand("copy");
  alert("Copied the text: " + targetElem.value);
}
</script>

CSS

h1 {
     width: 200px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

     padding: 20px;
     font-size: 1.3rem;
     margin: 0;
     background: white;
     resize: horizontal;
   }

body {
     height: 100vh;
     display: grid;
     place-items: center;
     background: #ccc;
  }