Como copiar texto para a área de transferência usando JavaScript?

Olá a todos! Sou um desenvolvedor front-end iniciante e me deparei com uma tarefa aparentemente simples: preciso fazer um botão que copie algum texto (por exemplo, um link ou código) para a área de transferência do usuário. Tentei várias abordagens de artigos antigos, mas ou funcionam de forma instável ou simplesmente não funcionam em navegadores modernos. Aqui está o que tentei: ```javascript function copyText() { const text = document.getElementById('myText').innerText; // Tentando usar execCommand const textarea = document.createElement('textarea'); textarea.value = text; document.body.appendChild(textarea); textarea.select(); document.execCommand('copy'); document.body.removeChild(textarea); alert('Copiado!'); } ``` Esse código funciona em navegadores antigos, mas no console do Chrome vejo um aviso de que `execCommand` está obsoleto. Além disso, ele cria elementos desnecessários no DOM, o que parece uma gambiarra. Também ouvi falar sobre a Clipboard API, mas não entendo como usá-la corretamente.