Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Ayuda NO encuentro el problema en mi código

Hola, estoy intentando hacer el 1er desafío, cosa que me está resultando bastante difícil. Adjunto código HTML y JS, en la consola de desarrollador NO arroja error, pero mi código no encripta. Muchas Gracias!

JS:

const inputTexto = document.querySelector(".input-texto");
const mensaje = document.querySelector(".mensaje");

function botonEncriptar(){
   const textoEncriptado = encriptar(inputTexto.value);
   mensaje.value = textoEncriptado;
   mensaje.style.backgroundImage = "none"
   inputTexto.value = ""
}

function encriptar (stringEncriptado){
    let matrizCodigo = [["e","enter"], ["i","imes"], ["a", "ai"], ["o","ober"], ["u","ufat"]]
    stringEncriptado = stringEncriptado.toLowerCase();

    for (let i = 0; i < matrizCodigo.lenght; i++){
        if (stringEncriptado.includes(matrizCodigo[i][0])){
        stringEncriptado = stringEncriptado.replaceAll (matrizCodigo[i][0]),(matrizCodigo[i][1])
        }   
    }

    return stringEncriptado;   

}


/*
function botonDesencriptar(){
    const textoEncriptado = desencriptar(inputTexto.value);
    mensaje.value = textodesencriptado;
    mensaje.style.backgroundImage = "none"
    inputTexto.value = ""
 }

function desEncriptar (stringDesencriptado){
    let matrizCodigo = [["e","enter"], ["i","imes"], ["a", "ai"], ["o","ober"], ["u","ufat"]]
    stringDesencriptado = stringDesencriptado.toLowerCase();
}

for (let i = 0; i < matrizCodigo.lenght; i++){
    if (stringDesencriptado.includes(matrizCodigo[i][0])){
        stringDesencriptado = stringDesencriptado.replaceAll (matrizCodigo[i][1]),(matrizCodigo[i][0])
    }
}
return stringDesencriptado;

*/

function copiar(){
    mensaje.select()
    navigator.clipboard.writeText(mensaje.value)
    mensaje.value = ""
}

HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content= "width=device-width", initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Encriptador</title>
</head>
<body>
    <header>
        <img src="imagenes/Logo.png" alt="Logo con la letra a">
    </header>
    <main>
        <section>
            <textarea class="input-texto" cols="60" rows="6" placeholder="Ingrese su texto"></textarea>
            <div class="botones">
                <button class="encriptar" onclick="botonEncriptar()">
                    Encriptar
                </button>
                <button class="desencriptar" onclick="botonDesencriptar()">
                    Desencriptar
                </button>
            </div>
        </section>
            <textarea class="mensaje" cols="18" rows="8"></textarea>
            <button class="copiar" onclick="copiar()">
                Copiar
            </button>
    </main>
    <script src="script.js"></script>
</body>
</html>

1 respuesta
solución!

Hola!

Revisa este código solucionado hasta la parte del encriptador, revisalo y pruebalo. Cuidado al manejo de las variables y al usar la funcion replaceAll!,

Saludos

const inputTexto = document.querySelector(".input-texto");
const mensaje = document.querySelector(".mensaje");

function botonEncriptar(){
   const textoEncriptado = encriptar(inputTexto.value);
   mensaje.value = textoEncriptado;
   mensaje.style.backgroundImage = "none"
   inputTexto.value = ""
   console.log(textoEncriptado)
}

function encriptar (string){
    let matrizCodigo = [["e","enter"], ["i","imes"], ["a", "ai"], ["o","ober"], ["u","ufat"]]
    let stringEncriptado = string.toLowerCase();

    for (let i = 0; i < matrizCodigo.length; i++){
        if (stringEncriptado.includes(matrizCodigo[i][0])){
            stringEncriptado = stringEncriptado.replaceAll(matrizCodigo[i][0],matrizCodigo[i][1])
        }   
    }

    return stringEncriptado;   

}