-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (63 loc) · 3.24 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>Algoritmo de cifrado por sustitución César</title>
</head>
<body>
<div class="bar container my-5">
<h1>Algoritmo de cifrado César</h1>
</div>
<div class="txt container">
<div class="row g-2 py-3 mx-5">
<div class="col-6 text-white">
<label for="trama" class="col-form-label">Ingresa la trama</label>
</div>
<div class="col-6">
<textarea id="trama" rows="3" class="form-control"></textarea>
</div>
</div>
<div class="row g-2 py-3 mx-5">
<div class="col-6 text-white">
<label for="desplazamiento" class="col-form-label">Desplazamiento</label>
</div>
<div class="col-2">
<input type="number" id="desplazamiento" class="form-control">
</div>
</div>
<div class="container text-center py-5">
<button class="m-3 btn btn-outline-light btn-lg" onclick="Cifrar()">Cifrar</button>
<button class="m-3 btn btn-outline-light btn-lg" onclick="Descifrar()">Descifrar</button>
</div>
<div class="pb-5 container text-center">
<p id="resultado" class="text-white"></p>
</div>
</div>
<div style="margin: 30px auto 30px auto; padding: 20px;" class="txt container text-white">
<div class="container">
<h1>¿Qué es el cifrado Cesar?</h1><br/>
<p class="">
En criptografía, el cifrado César, también conocido como cifrado por desplazamiento, código de César o
desplazamiento de César, es una de las técnicas de cifrado más simples y más usadas. Es un tipo de
cifrado
por sustitución en el que una letra en el texto original es reemplazada por otra letra que se encuentra
un
número fijo de posiciones más adelante en el alfabeto. Por ejemplo, con un desplazamiento de 3, la A
sería
sustituida por la D (situada 3 lugares a la derecha de la A), la B sería reemplazada por la E, etc. Este
método debe su nombre a Julio César, que lo usaba para comunicarse con sus generales.
</p>
<p>colaboradores de Wikipedia. (2021, 17 diciembre). Cifrado César. Wikipedia, la enciclopedia libre. <a href="https://es.wikipedia.org/wiki/Cifrado_C%C3%A9sar" rel="noreferrer" target="_blank">https://es.wikipedia.org/wiki/Cifrado_C%C3%A9sar</a> </p>
</div>
</div>
<script src="./logic.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</body>
</html>