DEV008-cipher/index.html at main · DanielaCastrejon/DEV008-cipher · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Caesar Cipher</title>
    <link href="./src/style.css" rel="stylesheet" />

</head>

<body>
    <main>
        <header>
            <h1> Cifrado</h1>
        </header>


        <div>
            <h3>Mensaje</h3>
        </div>

        <div class="text">
            <input type="text" id="mensaje">
        </div>

        <div>
            <h3>Desplazamiento</h3>
        </div>

        <div class="numero">
            <input type="number" id="desplazamiento" min="1" max="26" placeholder="Máximo 26">
        </div>
        <br>
        <div>
            <button type="button" id="cifrar">Cifrar</button>
            <button type="button" id="descifrar">Descifrar</button>
        </div>

        <div>
            <h3>Mensaje Cifrado/Descrifrado</h3>
        </div>

        <div class="text">
            <input type="text" id="mensaje2" />
        </div>


        <script src="./src/index.js" type="module"></script>
        <script src="./src/cipher.js" type="module"></script>
    </main>
</body>

</html>