Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] Estructura de la function para botón Copiar del challenge.

Actualmente me encuentro en la última sección del desafío pero tengo dudas sobre la estructura de la function que quiero asignar para el botón de Copiar.

Estructura:

function copiarTexto(){ let copyInput = document.querySelector(".mensaje"); copyInput.select(); navigator.clipboard.writeText("copy"); }

Donde: ".mensaje" es la clase del textArea donde aparece el texto encriptado. ¿Que error o errores estoy cometiendo?

1 respuesta

hola angelo vamos a ver como va esto

function copiarTexto(){ 
let copyInput = document.querySelector(".mensaje");
copyInput.select();
navigator.clipboard.writeText("copy"); }

Donde: ".mensaje" es la clase del textArea donde aparece el texto encriptado. ¿Que error o errores estoy cometiendo?

bueno lo primero que noto es que usas querySelector, pero no se que estas seleccionando un Id o una clase? dentro de los parentesis puedo ver un punto (". mensaje") esto es el nombre de una clase?

yo te recominedo qu cambie eso por

let copyInput = document.getElementById("id");

luego noto que a esto: "navigator.clipboard.writeText("copy");" le falta codigo

prueba asi a ver

navigator.clipboard.writeText(copyImput.value);
console.log( "el mensaje se copio " ,copyImput.value );
function copiarTexto() {
 var copyImput.value = document.getElementById("id");
 navigator.clipboard.writeText(input.value).then(function() {
    console.log('Texto copiado al portapapeles');
 }).catch(function(error) {
    console.error('Error al copiar texto: ', error);
 });
}

sino usa el metodo. command()

function copiarTexto(){ 
let copyInput = document.querySelector(".mensaje");
copyInput.select();
document.execCommand("copy");
console.log( "el mensaje se copio " ,copyImput.value );

recuerda que estas funciones deben ser llamadas por el boton copiar

espero te sirva y puedal lograr terminar tu proyecto saludos