script.js

var botonEncriptar = document.querySelector('.boton-encriptar');
var botonDesencriptar = document.querySelector('.boton-desencriptar');
var figura = document.querySelector('.contenedor-figura');
var contenedor = document.querySelector('.contenedor-parrafo');
var resultado = document.querySelector('.texto-resultado');

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

function encriptar(){
    ocultarAdelante();
    var cajatexto = recuperarTexto();
    resultado.textContent = encriptarTexto(cajatexto); 
    // Vaciar el área de texto después de encriptar
    document.querySelector('.caja-texto').value = '';   
} 

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

function recuperarTexto(){
    var cajatexto = document.querySelector('.caja-texto')
    return cajatexto.value
}

function ocultarAdelante(){
    contenedor-figura.classList.add('ocultar');
    contenedor.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;
}

const botonCopiar = document.querySelector('.boton-copiar');
    botonCopiar.addEventListener('click',copiar = () => {
    var contenido = document.querySelector('.texto-resultado').textContent;
    navigator.clipboard.writeText(contenido)
    console.log('Hola');
})