Challenge/index.html at master · Richi3e3/Challenge · 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
<!DOCTYPE html>
<html>
    <link rel="stylesheet" href="style.css">
<head>
  <title>Encriptador/Desencriptador</title>
  <script>
    function encriptar() {
      var texto = document.getElementById("texto").value;
      var encriptado = texto.replace(/e/g, "enter")
                            .replace(/i/g, "imes")
                            .replace(/a/g, "ai")
                            .replace(/o/g, "ober")
                            .replace(/u/g, "ufat");
      document.getElementById("resultado").innerHTML = encriptado;
    }

    function desencriptar() {
      var texto = document.getElementById("texto").value;
      var desencriptado = texto.replace(/enter/g, "e")
                              .replace(/imes/g, "i")
                              .replace(/ai/g, "a")
                              .replace(/ober/g, "o")
                              .replace(/ufat/g, "u");
      document.getElementById("resultado").innerHTML = desencriptado;
    }

    function copiar() {
      var resultado = document.getElementById("resultado").innerHTML;
      navigator.clipboard.writeText(resultado);
      alert("Texto copiado al portapapeles");
    }
  </script>
</head>
<body>
  <h1>Encriptador/Desencriptador</h1>

  <textarea id="texto" rows="5" cols="50"></textarea><br>

  <input type="radio" name="accion" value="encriptar" checked> Encriptar
  <input type="radio" name="accion" value="desencriptar"> Desencriptar<br>

  <button onclick="if (document.querySelector('input[name=accion]:checked').value === 'encriptar') { encriptar(); } else { desencriptar(); }">Procesar</button>
  <button onclick="copiar()">Copiar</button>

  <h2>Resultado:</h2>
  <div id="resultado"></div>
</body>
</html>