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>