How to copy text to clipboard in modern JavaScript

Using the modern navigator.clipboard API is the recommended way to copy text to the clipboard in modern browsers. It returns a Promise, making it easy to handle success and error cases.

async function copyToClipboard(text) {
  try {
    await navigator.clipboard.writeText(text);
    console.log('Text copied to clipboard!');
  } catch (err) {
    console.error('Failed to copy text: ', err);
  }
}

// Usage
copyToClipboard('Hello, World!');

Make sure that you only call this function as a result of a user action (like a click event), otherwise the browser might block it.