Laboratoria · adriana121 · Feb 7, 2020 · Feb 7, 2020 · Feb 7, 2020 · Feb 9, 2020
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/cerdito1.jpeg b/src/cerdito1.jpeg
diff --git a/src/cipher.js b/src/cipher.js
@@ -1,5 +1,45 @@
-const cipher = {
-  // ...
-};
 
-export default cipher;
+
+//1crear una fuction para cifrar//
+function code() {
+  //traer los datos del usuario-nombre//
+  let name = document.getElementById("nombre").value;
+  //traer el valor del desplazaamiento//
+  let offset = document.getElementById("numero").value;
+//convertir las letras en mayusculas//
+let may = name.toUpperCase();
+//crear una variable vacia donde se almacenara la palabra cifrada//
+  let newPalabra='';
+  //declra el offset//
+  offset = offset %26;
+  //obtener los indices del nombre(dato de usuario)//
+  for (let i=0; i < may.length; i++){
+    //obtener codigo ascii de cada letra del nombre//
+    let palabra = may.charCodeAt(i);
+    //declara el rango de codigos ascii, solo las mayusculas//
+     if(palabra >= 65 && palabra<=90){
+       //convertir el codigo ascii de cada letra obtenido a un nuevo codigo ascii agregando el desplazamiento(formula)//
+      newPalabra = String.fromCharCode((palabra - 65 + offset)%26 +65);
+
+  document.write("<rot>" + newPalabra + "<rot>");
+
+  }
+  }
+  }
+
+  function decifrar(){
+    let codigo = document.getElementById("codigo").value;
+    let offset = document.getElementById("numero").value;
+    let promocion='';
+    offset = offset %26;
+    for (let i=0; i < codigo.length; i++){
+      let neCod = codigo.charCodeAt(i);
+      if(neCod >= 65 && neCod<=90){
+        promocion  = String.fromCharCode((neCod + 65 - offset - 26)%26 +65);
+        console.log(promocion);
+
+    }
+  }
+
+
+
diff --git a/src/codigo.html b/src/codigo.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Caesar Cipher</title>
+        <link rel="stylesheet" href="style2.css" />
+    </head>
+    <script src="cipher.js"></script>
+    <body>
+<div id="root2">
+<h1>OBTENIENDO DATOS DEL USUARIO</h1>
+
+<h2>Ingresa el codigo de promocion:</h2>
+<input type="text" name="nombre" id="codigo" placeholder="Nombre"><br>
+
+
+
+</div>
+<input id="button" type="button" value="enviar"  onclick="decifrar();">
+
+</body> 
+</html>
diff --git a/src/helado fondo.jpg b/src/helado fondo.jpg
diff --git a/src/index.html b/src/index.html
@@ -7,8 +7,12 @@
   </head>
   <body>
     <div id="root">
-      <h1>Hello world!</h1>
-    </div>
-    <script src="index.js" type="module"></script>
+      <h1>¿Te gustaría un helado?</h1>
+      <h2>¡Gratis!</h2>
+
+
+      <h3>¡Genera tu código aquí!</h3>
+     </div>
+     <a href="index2.html"><input type="button" value="Click aquí"></a>
   </body>
 </html>
diff --git a/src/index.js b/src/index.js
diff --git a/src/index2.html b/src/index2.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Caesar Cipher</title>
+        <link rel="stylesheet" href="style2.css" />
+    </head>
+    <body>
+<div id="root2">
+<h1>HELADOS LOS TRES CERDITOS</h1>
+<h2>Ingresa tus datos aquí:</h2>
+
+<p>Nombre : <input type="text" name="nombre"></p>
+<p>Primer apellido : <input type="text" name="apellido"></p>
+
+<a href="cipher.js"><input type="button" value="Continuar"></a>
+
+</div>
+    </body>
+</html>
diff --git a/src/style.css b/src/style.css
@@ -0,0 +1,3 @@
+body {
+    background-image: url("../src/helado\ fondo.jpg");
+}