Copiar información dentro de textarea Un pequeño codigo que en JavaScript que sirve para copiar la información en un textarea después de hacer clik sobre un boton y para comprobar que ha sido copiado con exito, lanza un mensaje en formato toast que dice "Elemento copiado".

Este código utiliza un textarea y un botón en HTML. La función copiarTexto se ejecuta cuando se hace clic en el botón. Dentro de esta función, se selecciona y copia el contenido del textarea al portapapeles utilizando document.execCommand("copy"). Luego, se llama a la función mostrarToast que muestra el mensaje toast y lo oculta después de 3 segundos. El mensaje toast se define en el CSS con el estilo #toast.

#toast {
            display: none;
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #333;
            color: #fff;
            padding: 15px;
            border-radius: 5px;
        }

    <textarea id="miTextarea" rows="4" cols="50">Texto que quiero copiar.</textarea>

    <button onclick="copiarTexto()">Copiar Texto</button>

    <div id="toast">Elemento copiado</div>

Texto que quiero copiar. Copiar Texto

 function copiarTexto() {
            // Obtener el elemento textarea
            var textarea = document.getElementById("miTextarea");

            // Seleccionar y copiar el contenido del textarea al portapapeles
            textarea.select();
            document.execCommand("copy");

            // Mostrar el mensaje toast
            mostrarToast();
        }

        function mostrarToast() {
            // Obtener el elemento toast
            var toast = document.getElementById("toast");

            // Mostrar el mensaje toast
            toast.style.display = "block";

            // Ocultar el mensaje después de 3 segundos
            setTimeout(function() {
                toast.style.display = "none";
            }, 3000);
        }

´´´