JSFiddle - React, Tailwind, and code Playground

by Rachel Gallen

HTML

<button id="Copy1">Copy</button>
<span id="ct1">set def sys$system TEST 99</span>
<br>
<br>
<textarea id="holdtext1"></textarea>
<br>
<br>
<button id="Copy2">Copy</button>
<span id="ct2">hello how are ya</span>
<br>
<br>
<textarea id="holdtext2"></textarea>
<br>
<br>
<button id="Copy3">Copy</button>
<span id="ct3">i love tuna melts</span>
<br>
<br>
<textarea id="holdtext3"></textarea>

CSS

span {
  font-style: italic;
}

JavaScript

var counter = 0;

if (counter < 1) {
  counter = 1;
} else if (counter >= 1) {
  counter++;
}

document.getElementById("Copy" + counter).addEventListener("click", ClipBoard, false);

function ClipBoard() {
  var num = counter;
  var ct = document.getElementById("ct" + num);
  var ctxt = ct.innerText;
  var hold = document.getElementById("holdtext" + num);
  hold.innerText = ctxt;
};