javascript copy value to clipboard

1function copyToClipboard(text) {
2   const elem = document.createElement('textarea');
3   elem.value = text;
4   document.body.appendChild(elem);
5   elem.select();
6   document.execCommand('copy');
7   document.body.removeChild(elem);
8}

1function copy() {
2  var copyText = document.querySelector("#input");
3  copyText.select();
4  document.execCommand("copy");
5}
6
7document.querySelector("#copy").addEventListener("click", copy);

1function fallbackCopyTextToClipboard(text) {
2  var textArea = document.createElement("textarea");
3  textArea.value = text;
4  
5  // Avoid scrolling to bottom
6  textArea.style.top = "0";
7  textArea.style.left = "0";
8  textArea.style.position = "fixed";
9
10  document.body.appendChild(textArea);
11  textArea.focus();
12  textArea.select();
13
14  try {
15    var successful = document.execCommand('copy');
16    var msg = successful ? 'successful' : 'unsuccessful';
17    console.log('Fallback: Copying text command was ' + msg);
18  } catch (err) {
19    console.error('Fallback: Oops, unable to copy', err);
20  }
21
22  document.body.removeChild(textArea);
23}
24function copyTextToClipboard(text) {
25  if (!navigator.clipboard) {
26    fallbackCopyTextToClipboard(text);
27    return;
28  }
29  navigator.clipboard.writeText(text).then(function() {
30    console.log('Async: Copying to clipboard was successful!');
31  }, function(err) {
32    console.error('Async: Could not copy text: ', err);
33  });
34}
35
36var copyBobBtn = document.querySelector('.js-copy-bob-btn'),
37  copyJaneBtn = document.querySelector('.js-copy-jane-btn');
38
39copyBobBtn.addEventListener('click', function(event) {
40  copyTextToClipboard('Bob');
41});
42
43
44copyJaneBtn.addEventListener('click', function(event) {
45  copyTextToClipboard('Jane');
46});