Challenge---Encriptador/app.js at main · edabris/Challenge---Encriptador · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
let inputTexto = document.querySelector("#entradaTexto");
let cardContainer = document.querySelector(".card-container");

let btnEncriptar = document.querySelector(".encriptar");
let btnDesencriptar = document.querySelector(".desencriptar");

btnEncriptar.addEventListener("click", () => {
  if (inputTexto.value === "") {
    alert("El campo de texto no puede estar vacío");
    return;
  }
  cardContainer.innerHTML = "";
  let card = document.createElement("div");
  card.classList.add("card");
  card.innerHTML = `
      <div class="card-body">
          <p class="card-text">${encriptar(inputTexto.value)}</p>
      </div>
      <div class="card-footer">
          <button class="secondary-button button-copy">Copiar</button>
      </div>
    `;
  inputTexto.value = "";
  cardContainer.appendChild(card);
  let cardBody = document.querySelector(".card-body");
  cardBody.style.justifyContent = "space-between";
  // Al dar click en el boton copiar, se copia el texto encriptado
  card.querySelector(".button-copy").addEventListener("click", () => {
    let texto = card.querySelector("p").innerText;
    navigator.clipboard.writeText(texto);
  });
});

function encriptar(texto) {
  let textoEncriptado = "";

  for (let i = 0; i < texto.length; i++) {
    if (texto[i] === "a") {
      textoEncriptado += "ai";
    } else if (texto[i] === "e") {
      textoEncriptado += "enter";
    } else if (texto[i] === "i") {
      textoEncriptado += "imes";
    } else if (texto[i] === "o") {
      textoEncriptado += "ober";
    } else if (texto[i] === "u") {
      textoEncriptado += "ufat";
    } else {
      textoEncriptado += texto[i];
    }
  }

  return textoEncriptado;
}

btnDesencriptar.addEventListener("click", () => {
  if (inputTexto.value === "") {
    alert("El campo de texto no puede estar vacío");
    return;
  }
  cardContainer.innerHTML = "";
  let card = document.createElement("div");
  card.classList.add("card");
  card.innerHTML = `
        <div class="card-body">
            <p class="card-text">${desencriptar(inputTexto.value)}</p>
        </div>
        <div class="card-footer">
          <button class="secondary-button button-copy">Copiar</button>
        </div>
      `;
  inputTexto.value = "";
  cardContainer.appendChild(card);
  let cardBody = document.querySelector(".card-body");
  cardBody.style.justifyContent = "space-between";
  // Cuando se hace click en el boton de copiar se copia el texto desencriptado
  card.querySelector(".button-copy").addEventListener("click", () => {
    let texto = card.querySelector("p").innerText;
    navigator.clipboard.writeText(texto);
  });
});

function desencriptar(textoEncriptado) {
  let texto = "";

  for (let i = 0; i < textoEncriptado.length; i++) {
    if (textoEncriptado[i] === "a" && textoEncriptado[i + 1] === "i") {
      texto += "a";
      i++;
    } else if (
      textoEncriptado[i] === "e" &&
      textoEncriptado[i + 1] === "n" &&
      textoEncriptado[i + 2] === "t" &&
      textoEncriptado[i + 3] === "e" &&
      textoEncriptado[i + 4] === "r"
    ) {
      texto += "e";
      i += 4;
    } else if (
      textoEncriptado[i] === "i" &&
      textoEncriptado[i + 1] === "m" &&
      textoEncriptado[i + 2] === "e" &&
      textoEncriptado[i + 3] === "s"
    ) {
      texto += "i";
      i += 3;
    } else if (
      textoEncriptado[i] === "o" &&
      textoEncriptado[i + 1] === "b" &&
      textoEncriptado[i + 2] === "e" &&
      textoEncriptado[i + 3] === "r"
    ) {
      texto += "o";
      i += 3;
    } else if (
      textoEncriptado[i] === "u" &&
      textoEncriptado[i + 1] === "f" &&
      textoEncriptado[i + 2] === "a" &&
      textoEncriptado[i + 3] === "t"
    ) {
      texto += "u";
      i += 3;
    } else {
      texto += textoEncriptado[i];
    }
  }

  return texto;
}