JSFiddle - React, Tailwind, and code Playground

by graphettion

HTML

<p>Email me at <a class="link-email" href="mailto:[email protected]">[email protected]</a></p>
<button class="btn-email">Copy</button>

JavaScript

var copyEmailBtn = document.querySelector('.btn-email');
copyEmailBtn.addEventListener('click', function(event) {
  var emailLink = document.querySelector('.link-email');
  var range = document.createRange();
  range.selectNode(emailLink);
  window.getSelection().addRange(range);
  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copy email command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
  window.getSelection().removeAllRanges();
});