scripts.js

function encriptar(traduccion) {
    document.querySelector("#warning").removeAttribute("style");
    var textarea = document.querySelector("#texto");
    const texto = textarea.value;
    var area_default = document.querySelector("#default");
    var area_result = document.querySelector("#result");
    var texto_out = document.querySelector("#texto_out");
    if (texto !== "") {
        var out = "";
        for (var i = 0; i < texto.length; i++) {
            if (((texto[i] < 'a') || (texto[i] > 'z')) && (texto[i] !== ' ')) {
                document.querySelector("#warning").style.color = "red";
                document.querySelector("#warning").style.fontSize = "16px";
                return;
            } else if ((texto.length === 1 && texto === " ") || texto.replace(/ /g, "") === "") {
                area_default.classList.remove("invisible");
                area_result.classList.add("invisible");
                return;
            }
            if (texto[i] === 'a') {
                out += traduccion["a"];
            } else if (texto[i] === 'e') {
                out += traduccion["e"];
            } else if (texto[i] === 'i') {
                out += traduccion["i"];
            } else if (texto[i] === 'o') {
                out += traduccion["o"];
            } else if (texto[i] === 'u') {
                out += traduccion["u"];
            } else {
                out += texto[i];
            }
        }

        area_default.classList.add("invisible");
        area_result.classList.remove("invisible");
        texto_out.innerHTML = out;
    }

    return;
}


function desencriptar(traduccion) {
    document.querySelector("#warning").removeAttribute("style");
    var textarea = document.querySelector("#texto");
    var texto = textarea.value;
    var area_default = document.querySelector("#default");
    var area_result = document.querySelector("#result");
    var texto_out = document.querySelector("#texto_out");
    if (texto !== "") {
        for (var i = 0; i < texto.length; i++) {
            if (((texto[i] < 'a') || (texto[i] > 'z')) && (texto[i] !== ' ')) {
                document.querySelector("#warning").style.color = "red";
                document.querySelector("#warning").style.fontSize = "16px";
                return;
            } else if ((texto.length === 1 && texto === " ") || texto.replace(/ /g, "") === "") {
                area_default.classList.remove("invisible");
                area_result.classList.add("invisible");
                return;
            }
        }
        area_default.classList.add("invisible");
        area_result.classList.remove("invisible");
        texto = texto.replace(new RegExp(traduccion["a"], "g"), "a");
        texto = texto.replace(new RegExp(traduccion["e"], "g"), "e");
        texto = texto.replace(new RegExp(traduccion["i"], "g"), "i");
        texto = texto.replace(new RegExp(traduccion["o"], "g"), "o");
        texto = texto.replace(new RegExp(traduccion["u"], "g"), "u");
        texto_out.innerHTML = texto;
    }
    return;
}

function clipboard() {
    const texto_out = document.querySelector("#texto_out");
    navigator.clipboard.writeText(texto_out.value);
}

const enc = document.querySelector('#enc');
const des = document.querySelector('#des');
const copy = document.querySelector('#copiar');

var traduccion = { "a": "ai", "e": "enter", "i": "imes", "o": "ober", "u": "ufat" };

enc.addEventListener('click', function () { encriptar(traduccion); });
des.addEventListener('click', function () { desencriptar(traduccion); });
copy.addEventListener('click', function () { clipboard(); });