1
respuesta

No veo el resultado cuando le doy al boton encriptar

Hola a todos, no puedo terminar... no veo el resultado cuando le doy al boton encriptar. Encripta, copia y desencripta. Gracias de ante mano. El tema esta en el JS, hay algo que no veo que esta mal.

var botoncopiar = document.querySelector(".btncopiar");
var rectangulo = document.querySelector(".rectangulo")    
var ningunmensaje = document.querySelector(".ningunmensaje")
var muneco = document.querySelector(".muneco");
var salidatexto = document.querySelector(".input-text-area")

const inputTexto = document.querySelector(".input-text");
const mensaje = document.querySelector(".input-text-area");
const textoDesencriptado = document.querySelector(".inut-text-area");

function btnencriptar(){
         const textoEncriptado= encriptar(inputTexto.value);
         mensaje.value = textoEncriptado;
         inputTexto.value ="";
         ningunmensaje.style.visibility ="hidden";
         rectangulo.style.visibility ="hidden"
         muneco.style.visibility ="hidden";
         salidatexto.style.visibility = "visible";

}

function encriptar(StringParaEncriptar){
    let matrizCodigo = [["e", "enter"],["i","imes"],["a","ai"],["o","ober"],["u","ufat"]]
    StringParaEncriptar = StringParaEncriptar.toLowerCase();
    for (let i=0; i<matrizCodigo.length; i++){
        if(StringParaEncriptar.includes(matrizCodigo[i][0])){
            StringParaEncriptar = StringParaEncriptar.replaceAll((matrizCodigo[i][0]),(matrizCodigo[i][1]))
        }
    }
    return StringParaEncriptar
}

function btndesencriptar(){
    const textoDesencriptado = desencriptar(inputTexto.value);
    mensaje.value = textoDesencriptado;
}

function desencriptar(StringParaDesencriptar){
    let matrizCodigo = [["enter", "e"],["imes","i"],["ai","a"],["ober","o"],["ufat","u"]]
    StringParaDesencriptar = StringParaDesencriptar.toLowerCase();
    for (let i=0; i<matrizCodigo.length; i++){
        if(StringParaDesencriptar.includes(matrizCodigo[i][0])){
            StringParaDesencriptar = StringParaDesencriptar.replaceAll((matrizCodigo[i][0]),(matrizCodigo[i][1]))
        }
    }
    return StringParaDesencriptar
}

function copiartexto(){
    var btnMensaje = document.getElementById("salidatexto").value;
    document.getElementById("ingresotexto").value = btnMensaje;
    mensaje.value = "";
}
1 respuesta

Hola Daniel!

A primera vista veo que tenes una variable y una constante a la que le asignas el mismo componente: aca:

var salidatexto = document.querySelector(".input-text-area")

y aca:

const textoDesencriptado = document.querySelector(".inut-text-area");

Pero en la constante parecería que tenes mal escrito el nombre de la clase: ".inut-text-area".

Puede que ese sea el problema.

No es necesario asignar distintas variables al mismo componente, con una sola que asignes podes realizar luego todas las operaciones sobre ese objeto.

Si no lo solucionas tendrías que postear el contenido de tu HTML también para poder probar tu proyecto.

Slds!