Copia trecho do texto para a área de transferência e mostra msg Texto copiado

<!DOCTYPE html>
<html>
<head>
  <title>Exemplo de cópia para a área de transferência</title>
</head>
<body>
  <div id="texto">Texto a ser copiado</div>
  <button id="botao">Copiar</button>
  <div id="aviso" style="display:none;">Texto copiado!</div>
  <script>
    // Seleciona o elemento com o ID "botao"
    var botao = document.getElementById("botao");
    // Adiciona um evento de clique ao botão
    botao.addEventListener("click", function() {
      // Seleciona o elemento com o ID "texto"
      var texto = document.getElementById("texto");
      // Cria um elemento de entrada de texto invisível
      var campo = document.createElement("textarea");
      // Adiciona o conteúdo do elemento "texto" ao campo de entrada de texto
      campo.value = texto.innerHTML;
      // Adiciona o campo de entrada de texto à página
      document.body.appendChild(campo);
      // Seleciona o conteúdo do campo de entrada de texto
      campo.select();
      // Copia o conteúdo selecionado para a área de transferência
      document.execCommand("copy");
      //Remove o campo de entrada de texto da página
      document.body.removeChild(campo);
      // Seleciona o elemento com o ID "aviso"
      var aviso = document.getElementById("aviso");
      // Altera a propriedade "display" do elemento "aviso" para "block"
      aviso.style.display = "block";
      // Adiciona um temporizador para remover a mensagem depois de 2 segundos
      setTimeout(function() {
        aviso.style.display = "none";
      }, 2000);
    });
  </script>
</body>
</html>