-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
123 lines (105 loc) · 5.25 KB
/
index.html
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
<meta charset="UTF-8">
<!DOCTYPE html>
<html>
<head>
<title>Encriptador de texto</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="imagens/icone.png">
</head>
<body background="imagens/fundo02.jpg" bgproperties="fixed">
<header>
<h1 class="tituloPrincipal">Encriptador de texto Alura One v1.0 </h1>
</header>
<div class="areaEncriptar">
<textarea id="area1" class="encText" value="" name="areaTexto" style="left: 10;
top: 30; resize: none;" placeholder="Insira seu texto sem letras maiúsculas e números" ></textarea>
<textarea id="resultText" class="encText" value="" name="resultado" style="left: 10; top: 280;
resize: none;" placeholder="Resultado"></textarea>
</div>
<div class="btn">
<button class="botoes" type="button" name="botaoEncriptar" onclick="encriptar()" style="left: 410; top: 290;">Encriptar</button>
<button class="botoes" type="button" name="botaoDecriptar" onclick="decriptar()" style="left: 601; top: 290;">Decriptar</button>
<button class="botoes" type="button" name="botaoCopiar" onclick="copiar()" style="left: 410; top: 540;" >Copiar</button>
<button class="botoes" type="button" name="botaoColar" onclick="colar()" style="left: 790; top: 290;" >Colar código</button>
</div>
<!-- ======================== Campo de texto resultante ======================== -->
</body>
<footer>
<div class="rodape">
<p style=" text-align: center; line-height: 0px;">© 2022 por Guilherme Cayeiro</p>
<p style=" text-align: center;"></p>
<a class="github" href="https://github.com/GuilhermeHCayeiro"><br><br></a>
<a class="linkedin"href="https://linkedin.com/in/GuilhermeCayeiro"><br><br></a>
</div>
</footer>
</html>
<script>
var conteudo;
var texto;
var textoResultante;
function encriptar() {
texto = area1.value;
// Modificação das vogais ==================================================
textoResultante = texto.replaceAll("a", "3");
textoResultante = textoResultante.replaceAll("e", "6");
textoResultante = textoResultante.replaceAll("i", "7");
textoResultante = textoResultante.replaceAll("o", "2");
textoResultante = textoResultante.replaceAll("u", "0");
// Modificação das consoantes ==============================================
textoResultante = textoResultante.replaceAll("b", "1");
textoResultante = textoResultante.replaceAll("c", "5");
textoResultante = textoResultante.replaceAll("d", "4");
textoResultante = textoResultante.replaceAll("f", "8");
textoResultante = textoResultante.replaceAll("g", "9");
textoResultante = textoResultante.replaceAll("h", "&");
textoResultante = textoResultante.replaceAll("j", "@");
textoResultante = textoResultante.replaceAll("k", "$");
textoResultante = textoResultante.replaceAll("l", "?");
textoResultante = textoResultante.replaceAll("m", "*");
textoResultante = textoResultante.replaceAll("n", "!");
textoResultante = textoResultante.replaceAll("p", "+");
textoResultante = textoResultante.replaceAll("q", "-");
textoResultante = textoResultante.replaceAll("r", "/");
textoResultante = textoResultante.replaceAll("s", "%");
textoResultante = textoResultante.replaceAll("t", "#");
resultText.value = textoResultante;
area1.value = ("");
}
function decriptar() {
texto = area1.value;
// Modificação das vogais ==================================================
textoResultante = texto.replaceAll("3", "a");
textoResultante = textoResultante.replaceAll("6", "e");
textoResultante = textoResultante.replaceAll("7", "i");
textoResultante = textoResultante.replaceAll("2", "o");
textoResultante = textoResultante.replaceAll("0", "u");
// Modificação das consoantes ==============================================
textoResultante = textoResultante.replaceAll("1", "b");
textoResultante = textoResultante.replaceAll("5", "c");
textoResultante = textoResultante.replaceAll("4", "d");
textoResultante = textoResultante.replaceAll("8", "f");
textoResultante = textoResultante.replaceAll("9", "g");
textoResultante = textoResultante.replaceAll("&", "h");
textoResultante = textoResultante.replaceAll("@", "j");
textoResultante = textoResultante.replaceAll("$", "k");
textoResultante = textoResultante.replaceAll("?", "l");
textoResultante = textoResultante.replaceAll("*", "m");
textoResultante = textoResultante.replaceAll("!", "n");
textoResultante = textoResultante.replaceAll("+", "p");
textoResultante = textoResultante.replaceAll("-", "q");
textoResultante = textoResultante.replaceAll("/", "r");
textoResultante = textoResultante.replaceAll("%", "s");
textoResultante = textoResultante.replaceAll("#", "t");
resultText.value = textoResultante;
area1.value = ("");
}
function copiar() {
conteudo = document.getElementById('resultText');
conteudo.select();
document.execCommand('copy');
resultText.value = ('');
}
function colar() {
area1.value = (textoResultante);
}
</script>