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

Ayuda sobre el botón de copiar

Me podría ayudar alguien, e intentado varias formas de hacer funcionar mi botón de copiado sin éxito, no logro hacer que funcione, alguien tiene una idea que estoy haciendo mal, o si pudieran darme un consejo de arreglarlo.

var botonEncriptar = document.querySelector(".btn-encriptar"); var botonDesencriptar = document.querySelector(".btn-desencriptar"); var munheco = document.querySelector(".contenedor-munheco"); var h3 = document.querySelector(".contedor-h3"); var parrafo = document.querySelector(".contenedor-parrafo"); var resultado = document.querySelector(".texto-resultado"); var copiar = document.querySelector(".btn-copiar")

botonEncriptar.onclick = encriptar; botonDesencriptar.onclick = desencriptar;

function encriptar(){ ocultarAdelante(); resultado.textContent = encriptarTexto(recuperarTexto());

} function desencriptar(){ ocultarAdelante(); resultado.textContent = desencriptarTexto(recuperarTexto()); }

function recuperarTexto(){ var area = document.querySelector(".area"); return area.value; }

function ocultarAdelante(){ munheco.classList.add("ocultar"); h3.classList.add("ocultar"); parrafo.classList.add("ocultar"); }

function encriptarTexto(mensaje){ var texto = mensaje; var textoFinal = "";

for(var i = 0; i <texto.length; i++){
    if(texto[i] == "a"){
        textoFinal = textoFinal + "ai"
    }
    else if(texto[i] == "e"){
        textoFinal = textoFinal + "enter"
    }
    else if(texto[i] == "i"){
        textoFinal = textoFinal + "imes"
    }
    else if(texto[i] == "o"){
        textoFinal = textoFinal + "ober"
    }
    else if(texto[i] == "u"){
        textoFinal = textoFinal + "ufat"
    }
    else{
        textoFinal = textoFinal + texto[i];
    }

}

return textoFinal;

}

function desencriptarTexto(mensaje){ var texto = mensaje; var textoFinal = "";

for(var i = 0; i <texto.length; i++){
    if(texto[i] == "a"){
        textoFinal = textoFinal + "a"
        i = i+1;
    }
    else if(texto[i] == "e"){
        textoFinal = textoFinal + "e"
        i = i+4;
    }
    else if(texto[i] == "i"){
        textoFinal = textoFinal + "i"
        i = i+3;
    }
    else if(texto[i] == "o"){
        textoFinal = textoFinal + "o"
        i = i+3;
    }
    else if(texto[i] == "u"){
        textoFinal = textoFinal + "u"
        i = i+3;
    }
    else{
        textoFinal = textoFinal + texto[i];
    }

}

return textoFinal;

}

function copiar() { var texto = document.querySelector(".texto-resultado").textContent;

navigator.clipboard.writeText(texto)
  .then(() => {
    console.log('Texto copiado al portapapeles');
  })
  .catch(err => {
    console.error('Error al copiar el texto: ', err);
  });

}

1 respuesta

¡Hola Luis!

Por lo que veo en tu código, parece que has definido la función copiar(), pero no estás asignando el evento de clic al botón correspondiente. Para solucionar esto, puedes agregar la siguiente línea de código después de la definición de la función copiar():

copiar.onclick = copiar;

Esto asignará la función copiar() al evento de clic del botón de copiar.

Espero que esto te ayude a solucionar tu problema. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Buena suerte con tu proyecto!

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)